tabulator-tables 5.4.2 → 5.4.4

package/src/js/modules/Edit/defaults/editors/number.js

@@ -1,108 +1,110 @@
-import maskInput from '../../inputMask.js';
-
-//input element with type of number
-export default function(cell, onRendered, success, cancel, editorParams){
-	var cellValue = cell.getValue(),
-	vertNav = editorParams.verticalNavigation || "editor",
-	input = document.createElement("input");
-
-	input.setAttribute("type", "number");
-
-	if(typeof editorParams.max != "undefined"){
-		input.setAttribute("max", editorParams.max);
-	}
-
-	if(typeof editorParams.min != "undefined"){
-		input.setAttribute("min", editorParams.min);
-	}
-
-	if(typeof editorParams.step != "undefined"){
-		input.setAttribute("step", editorParams.step);
-	}
-
-	//create and style input
-	input.style.padding = "4px";
-	input.style.width = "100%";
-	input.style.boxSizing = "border-box";
-
-	if(editorParams.elementAttributes && typeof editorParams.elementAttributes == "object"){
-		for (let key in editorParams.elementAttributes){
-			if(key.charAt(0) == "+"){
-				key = key.slice(1);
-				input.setAttribute(key, input.getAttribute(key) + editorParams.elementAttributes["+" + key]);
-			}else{
-				input.setAttribute(key, editorParams.elementAttributes[key]);
-			}
-		}
-	}
-
-	input.value = cellValue;
-
-	var blurFunc = function(e){
-		onChange();
-	};
-
-	onRendered(function () {
-		//submit new value on blur
-		input.removeEventListener("blur", blurFunc);
-
-		input.focus({preventScroll: true});
-		input.style.height = "100%";
-
-		//submit new value on blur
-		input.addEventListener("blur", blurFunc);
-
-		if(editorParams.selectContents){
-			input.select();
-		}
-	});
-
-	function onChange(){
-		var value = input.value;
-
-		if(!isNaN(value) && value !==""){
-			value = Number(value);
-		}
-
-		if(value !== cellValue){
-			if(success(value)){
-				cellValue = value; //persist value if successfully validated incase editor is used as header filter
-			}
-		}else{
-			cancel();
-		}
-	}
-
-	//submit new value on enter
-	input.addEventListener("keydown", function(e){
-		switch(e.keyCode){
-			case 13:
-			// case 9:
-				onChange();
-				break;
-
-			case 27:
-				cancel();
-				break;
-
-			case 38: //up arrow
-			case 40: //down arrow
-				if(vertNav == "editor"){
-					e.stopImmediatePropagation();
-					e.stopPropagation();
-				}
-				break;
-
-			case 35:
-			case 36:
-				e.stopPropagation();
-				break;
-		}
-	});
-
-	if(editorParams.mask){
-		maskInput(input, editorParams);
-	}
-
-	return input;
+import maskInput from '../../inputMask.js';
+
+//input element with type of number
+export default function(cell, onRendered, success, cancel, editorParams){
+	var cellValue = cell.getValue(),
+	vertNav = editorParams.verticalNavigation || "editor",
+	input = document.createElement("input");
+
+	input.setAttribute("type", "number");
+
+	if(typeof editorParams.max != "undefined"){
+		input.setAttribute("max", editorParams.max);
+	}
+
+	if(typeof editorParams.min != "undefined"){
+		input.setAttribute("min", editorParams.min);
+	}
+
+	if(typeof editorParams.step != "undefined"){
+		input.setAttribute("step", editorParams.step);
+	}
+
+	//create and style input
+	input.style.padding = "4px";
+	input.style.width = "100%";
+	input.style.boxSizing = "border-box";
+
+	if(editorParams.elementAttributes && typeof editorParams.elementAttributes == "object"){
+		for (let key in editorParams.elementAttributes){
+			if(key.charAt(0) == "+"){
+				key = key.slice(1);
+				input.setAttribute(key, input.getAttribute(key) + editorParams.elementAttributes["+" + key]);
+			}else{
+				input.setAttribute(key, editorParams.elementAttributes[key]);
+			}
+		}
+	}
+
+	input.value = cellValue;
+
+	var blurFunc = function(e){
+		onChange();
+	};
+
+	onRendered(function () {
+		if(cell._getSelf){
+			//submit new value on blur
+			input.removeEventListener("blur", blurFunc);
+
+			input.focus({preventScroll: true});
+			input.style.height = "100%";
+
+			//submit new value on blur
+			input.addEventListener("blur", blurFunc);
+
+			if(editorParams.selectContents){
+				input.select();
+			}
+		}
+	});
+
+	function onChange(){
+		var value = input.value;
+
+		if(!isNaN(value) && value !==""){
+			value = Number(value);
+		}
+
+		if(value !== cellValue){
+			if(success(value)){
+				cellValue = value; //persist value if successfully validated incase editor is used as header filter
+			}
+		}else{
+			cancel();
+		}
+	}
+
+	//submit new value on enter
+	input.addEventListener("keydown", function(e){
+		switch(e.keyCode){
+			case 13:
+			// case 9:
+				onChange();
+				break;
+
+			case 27:
+				cancel();
+				break;
+
+			case 38: //up arrow
+			case 40: //down arrow
+				if(vertNav == "editor"){
+					e.stopImmediatePropagation();
+					e.stopPropagation();
+				}
+				break;
+
+			case 35:
+			case 36:
+				e.stopPropagation();
+				break;
+		}
+	});
+
+	if(editorParams.mask){
+		maskInput(input, editorParams);
+	}
+
+	return input;
 }

package/src/js/modules/Edit/defaults/editors/progress.js

@@ -1,127 +1,127 @@
-//draggable progress bar
-export default function(cell, onRendered, success, cancel, editorParams){
-	var element = cell.getElement(),
-	max = typeof editorParams.max === "undefined" ? ((element.getElementsByTagName("div")[0] && element.getElementsByTagName("div")[0].getAttribute("max")) || 100) : editorParams.max,
-	min = typeof editorParams.min === "undefined" ? ((element.getElementsByTagName("div")[0] && element.getElementsByTagName("div")[0].getAttribute("min")) || 0) : editorParams.min,
-	percent = (max - min) / 100,
-	value = cell.getValue() || 0,
-	handle = document.createElement("div"),
-	bar = document.createElement("div"),
-	mouseDrag, mouseDragWidth;
-
-	//set new value
-	function updateValue(){
-		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);
-		element.setAttribute("aria-valuenow", calcVal);
-		element.setAttribute("aria-label", value);
-	}
-
-	//style handle
-	handle.style.position = "absolute";
-	handle.style.right = "0";
-	handle.style.top = "0";
-	handle.style.bottom = "0";
-	handle.style.width = "5px";
-	handle.classList.add("tabulator-progress-handle");
-
-	//style bar
-	bar.style.display = "inline-block";
-	bar.style.position = "relative";
-	// bar.style.top = "8px";
-	// bar.style.bottom = "8px";
-	// bar.style.left = "4px";
-	// bar.style.marginRight = "4px";
-	bar.style.height = "100%";
-	bar.style.backgroundColor = "#488CE9";
-	bar.style.maxWidth = "100%";
-	bar.style.minWidth = "0%";
-
-	if(editorParams.elementAttributes && typeof editorParams.elementAttributes == "object"){
-		for (let key in editorParams.elementAttributes){
-			if(key.charAt(0) == "+"){
-				key = key.slice(1);
-				bar.setAttribute(key, bar.getAttribute(key) + editorParams.elementAttributes["+" + key]);
-			}else{
-				bar.setAttribute(key, editorParams.elementAttributes[key]);
-			}
-		}
-	}
-
-	//style cell
-	element.style.padding = "4px 4px";
-
-	//make sure value is in range
-	value = Math.min(parseFloat(value), max);
-	value = Math.max(parseFloat(value), min);
-
-	//workout percentage
-	value = Math.round((value - min) / percent);
-	// bar.style.right = value + "%";
-	bar.style.width = value + "%";
-
-	element.setAttribute("aria-valuemin", min);
-	element.setAttribute("aria-valuemax", max);
-
-	bar.appendChild(handle);
-
-	handle.addEventListener("mousedown", function(e){
-		mouseDrag = e.screenX;
-		mouseDragWidth = bar.offsetWidth;
-	});
-
-	handle.addEventListener("mouseover", function(){
-		handle.style.cursor = "ew-resize";
-	});
-
-	element.addEventListener("mousemove", function(e){
-		if(mouseDrag){
-			bar.style.width = (mouseDragWidth + e.screenX - mouseDrag) + "px";
-		}
-	});
-
-	element.addEventListener("mouseup", function(e){
-		if(mouseDrag){
-			e.stopPropagation();
-			e.stopImmediatePropagation();
-
-			mouseDrag = false;
-			mouseDragWidth = false;
-
-			updateValue();
-		}
-	});
-
-	//allow key based navigation
-	element.addEventListener("keydown", function(e){
-		switch(e.keyCode){
-			case 39: //right arrow
-				e.preventDefault();
-				bar.style.width = (bar.clientWidth + element.clientWidth/100) + "px";
-				break;
-
-			case 37: //left arrow
-				e.preventDefault();
-				bar.style.width = (bar.clientWidth - element.clientWidth/100) + "px";
-				break;
-
-			case 9: //tab
-			case 13: //enter
-				updateValue();
-				break;
-
-			case 27: //escape
-				cancel();
-				break;
-
-		}
-	});
-
-	element.addEventListener("blur", function(){
-		cancel();
-	});
-
-	return bar;
+//draggable progress bar
+export default function(cell, onRendered, success, cancel, editorParams){
+	var element = cell.getElement(),
+	max = typeof editorParams.max === "undefined" ? ((element.getElementsByTagName("div")[0] && element.getElementsByTagName("div")[0].getAttribute("max")) || 100) : editorParams.max,
+	min = typeof editorParams.min === "undefined" ? ((element.getElementsByTagName("div")[0] && element.getElementsByTagName("div")[0].getAttribute("min")) || 0) : editorParams.min,
+	percent = (max - min) / 100,
+	value = cell.getValue() || 0,
+	handle = document.createElement("div"),
+	bar = document.createElement("div"),
+	mouseDrag, mouseDragWidth;
+
+	//set new value
+	function updateValue(){
+		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);
+		element.setAttribute("aria-valuenow", calcVal);
+		element.setAttribute("aria-label", value);
+	}
+
+	//style handle
+	handle.style.position = "absolute";
+	handle.style.right = "0";
+	handle.style.top = "0";
+	handle.style.bottom = "0";
+	handle.style.width = "5px";
+	handle.classList.add("tabulator-progress-handle");
+
+	//style bar
+	bar.style.display = "inline-block";
+	bar.style.position = "relative";
+	// bar.style.top = "8px";
+	// bar.style.bottom = "8px";
+	// bar.style.left = "4px";
+	// bar.style.marginRight = "4px";
+	bar.style.height = "100%";
+	bar.style.backgroundColor = "#488CE9";
+	bar.style.maxWidth = "100%";
+	bar.style.minWidth = "0%";
+
+	if(editorParams.elementAttributes && typeof editorParams.elementAttributes == "object"){
+		for (let key in editorParams.elementAttributes){
+			if(key.charAt(0) == "+"){
+				key = key.slice(1);
+				bar.setAttribute(key, bar.getAttribute(key) + editorParams.elementAttributes["+" + key]);
+			}else{
+				bar.setAttribute(key, editorParams.elementAttributes[key]);
+			}
+		}
+	}
+
+	//style cell
+	element.style.padding = "4px 4px";
+
+	//make sure value is in range
+	value = Math.min(parseFloat(value), max);
+	value = Math.max(parseFloat(value), min);
+
+	//workout percentage
+	value = Math.round((value - min) / percent);
+	// bar.style.right = value + "%";
+	bar.style.width = value + "%";
+
+	element.setAttribute("aria-valuemin", min);
+	element.setAttribute("aria-valuemax", max);
+
+	bar.appendChild(handle);
+
+	handle.addEventListener("mousedown", function(e){
+		mouseDrag = e.screenX;
+		mouseDragWidth = bar.offsetWidth;
+	});
+
+	handle.addEventListener("mouseover", function(){
+		handle.style.cursor = "ew-resize";
+	});
+
+	element.addEventListener("mousemove", function(e){
+		if(mouseDrag){
+			bar.style.width = (mouseDragWidth + e.screenX - mouseDrag) + "px";
+		}
+	});
+
+	element.addEventListener("mouseup", function(e){
+		if(mouseDrag){
+			e.stopPropagation();
+			e.stopImmediatePropagation();
+
+			mouseDrag = false;
+			mouseDragWidth = false;
+
+			updateValue();
+		}
+	});
+
+	//allow key based navigation
+	element.addEventListener("keydown", function(e){
+		switch(e.keyCode){
+			case 39: //right arrow
+				e.preventDefault();
+				bar.style.width = (bar.clientWidth + element.clientWidth/100) + "px";
+				break;
+
+			case 37: //left arrow
+				e.preventDefault();
+				bar.style.width = (bar.clientWidth - element.clientWidth/100) + "px";
+				break;
+
+			case 9: //tab
+			case 13: //enter
+				updateValue();
+				break;
+
+			case 27: //escape
+				cancel();
+				break;
+
+		}
+	});
+
+	element.addEventListener("blur", function(){
+		cancel();
+	});
+
+	return bar;
 }

package/src/js/modules/Edit/defaults/editors/range.js

@@ -1,79 +1,81 @@
-//input element with type of number
-export default function(cell, onRendered, success, cancel, editorParams){
-	var cellValue = cell.getValue(),
-	input = document.createElement("input");
-
-	input.setAttribute("type", "range");
-
-	if (typeof editorParams.max != "undefined") {
-		input.setAttribute("max", editorParams.max);
-	}
-
-	if (typeof editorParams.min != "undefined") {
-		input.setAttribute("min", editorParams.min);
-	}
-
-	if (typeof editorParams.step != "undefined") {
-		input.setAttribute("step", editorParams.step);
-	}
-
-	//create and style input
-	input.style.padding = "4px";
-	input.style.width = "100%";
-	input.style.boxSizing = "border-box";
-
-	if(editorParams.elementAttributes && typeof editorParams.elementAttributes == "object"){
-		for (let key in editorParams.elementAttributes){
-			if(key.charAt(0) == "+"){
-				key = key.slice(1);
-				input.setAttribute(key, input.getAttribute(key) + editorParams.elementAttributes["+" + key]);
-			}else{
-				input.setAttribute(key, editorParams.elementAttributes[key]);
-			}
-		}
-	}
-
-	input.value = cellValue;
-
-	onRendered(function () {
-		input.focus({preventScroll: true});
-		input.style.height = "100%";
-	});
-
-	function onChange(){
-		var value = input.value;
-
-		if(!isNaN(value) && value !==""){
-			value = Number(value);
-		}
-
-		if(value != cellValue){
-			if(success(value)){
-				cellValue = value; //persist value if successfully validated incase editor is used as header filter
-			}
-		}else{
-			cancel();
-		}
-	}
-
-	//submit new value on blur
-	input.addEventListener("blur", function(e){
-		onChange();
-	});
-
-	//submit new value on enter
-	input.addEventListener("keydown", function(e){
-		switch(e.keyCode){
-			case 13:
-			// case 9:
-				onChange();
-				break;
-
-			case 27:
-				cancel();
-				break;
-		}
-	});
-
-	return input;
+//input element with type of number
+export default function(cell, onRendered, success, cancel, editorParams){
+	var cellValue = cell.getValue(),
+	input = document.createElement("input");
+	
+	input.setAttribute("type", "range");
+	
+	if (typeof editorParams.max != "undefined") {
+		input.setAttribute("max", editorParams.max);
+	}
+	
+	if (typeof editorParams.min != "undefined") {
+		input.setAttribute("min", editorParams.min);
+	}
+	
+	if (typeof editorParams.step != "undefined") {
+		input.setAttribute("step", editorParams.step);
+	}
+	
+	//create and style input
+	input.style.padding = "4px";
+	input.style.width = "100%";
+	input.style.boxSizing = "border-box";
+	
+	if(editorParams.elementAttributes && typeof editorParams.elementAttributes == "object"){
+		for (let key in editorParams.elementAttributes){
+			if(key.charAt(0) == "+"){
+				key = key.slice(1);
+				input.setAttribute(key, input.getAttribute(key) + editorParams.elementAttributes["+" + key]);
+			}else{
+				input.setAttribute(key, editorParams.elementAttributes[key]);
+			}
+		}
+	}
+	
+	input.value = cellValue;
+	
+	onRendered(function () {
+		if(cell._getSelf){
+			input.focus({preventScroll: true});
+			input.style.height = "100%";
+		}
+	});
+	
+	function onChange(){
+		var value = input.value;
+		
+		if(!isNaN(value) && value !==""){
+			value = Number(value);
+		}
+		
+		if(value != cellValue){
+			if(success(value)){
+				cellValue = value; //persist value if successfully validated incase editor is used as header filter
+			}
+		}else{
+			cancel();
+		}
+	}
+	
+	//submit new value on blur
+	input.addEventListener("blur", function(e){
+		onChange();
+	});
+	
+	//submit new value on enter
+	input.addEventListener("keydown", function(e){
+		switch(e.keyCode){
+			case 13:
+			// case 9:
+				onChange();
+				break;
+			
+			case 27:
+				cancel();
+				break;
+		}
+	});
+	
+	return input;
 }

package/src/js/modules/Edit/defaults/editors/select.js

@@ -1,10 +1,10 @@
-import List from '../../List.js';
-
-export default function(cell, onRendered, success, cancel, editorParams){
-
-	this.deprecationMsg("The select editor has been deprecated, please use the new list editor");
-
-	var list = new List(this, cell, onRendered, success, cancel, editorParams);
-
-	return list.input;
+import List from '../../List.js';
+
+export default function(cell, onRendered, success, cancel, editorParams){
+
+	this.deprecationMsg("The select editor has been deprecated, please use the new list editor");
+
+	var list = new List(this, cell, onRendered, success, cancel, editorParams);
+
+	return list.input;
 }