tabulator-tables 5.4.2 → 5.4.4

package/src/js/modules/Filter/defaults/filters.js

@@ -1,108 +1,108 @@
-export default {
-
-	//equal to
-	"=":function(filterVal, rowVal, rowData, filterParams){
-		return rowVal == filterVal ? true : false;
-	},
-
-	//less than
-	"<":function(filterVal, rowVal, rowData, filterParams){
-		return rowVal < filterVal ? true : false;
-	},
-
-	//less than or equal to
-	"<=":function(filterVal, rowVal, rowData, filterParams){
-		return rowVal <= filterVal ? true : false;
-	},
-
-	//greater than
-	">":function(filterVal, rowVal, rowData, filterParams){
-		return rowVal > filterVal ? true : false;
-	},
-
-	//greater than or equal to
-	">=":function(filterVal, rowVal, rowData, filterParams){
-		return rowVal >= filterVal ? true : false;
-	},
-
-	//not equal to
-	"!=":function(filterVal, rowVal, rowData, filterParams){
-		return rowVal != filterVal ? true : false;
-	},
-
-	"regex":function(filterVal, rowVal, rowData, filterParams){
-
-		if(typeof filterVal == "string"){
-			filterVal = new RegExp(filterVal);
-		}
-
-		return filterVal.test(rowVal);
-	},
-
-	//contains the string
-	"like":function(filterVal, rowVal, rowData, filterParams){
-		if(filterVal === null || typeof filterVal === "undefined"){
-			return rowVal === filterVal ? true : false;
-		}else{
-			if(typeof rowVal !== 'undefined' && rowVal !== null){
-				return String(rowVal).toLowerCase().indexOf(filterVal.toLowerCase()) > -1;
-			}
-			else{
-				return false;
-			}
-		}
-	},
-
-	//contains the keywords
-	"keywords":function(filterVal, rowVal, rowData, filterParams){
-		var keywords = filterVal.toLowerCase().split(typeof filterParams.separator === "undefined" ? " " : filterParams.separator),
-		value = String(rowVal === null || typeof rowVal === "undefined" ? "" : rowVal).toLowerCase(),
-		matches = [];
-
-		keywords.forEach((keyword) =>{
-			if(value.includes(keyword)){
-				matches.push(true);
-			}
-		});
-
-		return filterParams.matchAll ? matches.length === keywords.length : !!matches.length;
-	},
-
-	//starts with the string
-	"starts":function(filterVal, rowVal, rowData, filterParams){
-		if(filterVal === null || typeof filterVal === "undefined"){
-			return rowVal === filterVal ? true : false;
-		}else{
-			if(typeof rowVal !== 'undefined' && rowVal !== null){
-				return String(rowVal).toLowerCase().startsWith(filterVal.toLowerCase());
-			}
-			else{
-				return false;
-			}
-		}
-	},
-
-	//ends with the string
-	"ends":function(filterVal, rowVal, rowData, filterParams){
-		if(filterVal === null || typeof filterVal === "undefined"){
-			return rowVal === filterVal ? true : false;
-		}else{
-			if(typeof rowVal !== 'undefined' && rowVal !== null){
-				return String(rowVal).toLowerCase().endsWith(filterVal.toLowerCase());
-			}
-			else{
-				return false;
-			}
-		}
-	},
-
-	//in array
-	"in":function(filterVal, rowVal, rowData, filterParams){
-		if(Array.isArray(filterVal)){
-			return filterVal.length ? filterVal.indexOf(rowVal) > -1 : true;
-		}else{
-			console.warn("Filter Error - filter value is not an array:", filterVal);
-			return false;
-		}
-	},
+export default {
+
+	//equal to
+	"=":function(filterVal, rowVal, rowData, filterParams){
+		return rowVal == filterVal ? true : false;
+	},
+
+	//less than
+	"<":function(filterVal, rowVal, rowData, filterParams){
+		return rowVal < filterVal ? true : false;
+	},
+
+	//less than or equal to
+	"<=":function(filterVal, rowVal, rowData, filterParams){
+		return rowVal <= filterVal ? true : false;
+	},
+
+	//greater than
+	">":function(filterVal, rowVal, rowData, filterParams){
+		return rowVal > filterVal ? true : false;
+	},
+
+	//greater than or equal to
+	">=":function(filterVal, rowVal, rowData, filterParams){
+		return rowVal >= filterVal ? true : false;
+	},
+
+	//not equal to
+	"!=":function(filterVal, rowVal, rowData, filterParams){
+		return rowVal != filterVal ? true : false;
+	},
+
+	"regex":function(filterVal, rowVal, rowData, filterParams){
+
+		if(typeof filterVal == "string"){
+			filterVal = new RegExp(filterVal);
+		}
+
+		return filterVal.test(rowVal);
+	},
+
+	//contains the string
+	"like":function(filterVal, rowVal, rowData, filterParams){
+		if(filterVal === null || typeof filterVal === "undefined"){
+			return rowVal === filterVal ? true : false;
+		}else{
+			if(typeof rowVal !== 'undefined' && rowVal !== null){
+				return String(rowVal).toLowerCase().indexOf(filterVal.toLowerCase()) > -1;
+			}
+			else{
+				return false;
+			}
+		}
+	},
+
+	//contains the keywords
+	"keywords":function(filterVal, rowVal, rowData, filterParams){
+		var keywords = filterVal.toLowerCase().split(typeof filterParams.separator === "undefined" ? " " : filterParams.separator),
+		value = String(rowVal === null || typeof rowVal === "undefined" ? "" : rowVal).toLowerCase(),
+		matches = [];
+
+		keywords.forEach((keyword) =>{
+			if(value.includes(keyword)){
+				matches.push(true);
+			}
+		});
+
+		return filterParams.matchAll ? matches.length === keywords.length : !!matches.length;
+	},
+
+	//starts with the string
+	"starts":function(filterVal, rowVal, rowData, filterParams){
+		if(filterVal === null || typeof filterVal === "undefined"){
+			return rowVal === filterVal ? true : false;
+		}else{
+			if(typeof rowVal !== 'undefined' && rowVal !== null){
+				return String(rowVal).toLowerCase().startsWith(filterVal.toLowerCase());
+			}
+			else{
+				return false;
+			}
+		}
+	},
+
+	//ends with the string
+	"ends":function(filterVal, rowVal, rowData, filterParams){
+		if(filterVal === null || typeof filterVal === "undefined"){
+			return rowVal === filterVal ? true : false;
+		}else{
+			if(typeof rowVal !== 'undefined' && rowVal !== null){
+				return String(rowVal).toLowerCase().endsWith(filterVal.toLowerCase());
+			}
+			else{
+				return false;
+			}
+		}
+	},
+
+	//in array
+	"in":function(filterVal, rowVal, rowData, filterParams){
+		if(Array.isArray(filterVal)){
+			return filterVal.length ? filterVal.indexOf(rowVal) > -1 : true;
+		}else{
+			console.warn("Filter Error - filter value is not an array:", filterVal);
+			return false;
+		}
+	},
 };

package/src/js/modules/Format/Format.js

@@ -1,213 +1,213 @@
-import Module from '../../core/Module.js';
-
-import defaultFormatters from './defaults/formatters.js';
-
-class Format extends Module{
-	
-	constructor(table){
-		super(table);
-		
-		this.registerColumnOption("formatter");
-		this.registerColumnOption("formatterParams");
-		
-		this.registerColumnOption("formatterPrint");
-		this.registerColumnOption("formatterPrintParams");
-		this.registerColumnOption("formatterClipboard");
-		this.registerColumnOption("formatterClipboardParams");
-		this.registerColumnOption("formatterHtmlOutput");
-		this.registerColumnOption("formatterHtmlOutputParams");
-		this.registerColumnOption("titleFormatter");
-		this.registerColumnOption("titleFormatterParams");
-	}
-	
-	initialize(){
-		this.subscribe("cell-format", this.formatValue.bind(this));
-		this.subscribe("cell-rendered", this.cellRendered.bind(this));
-		this.subscribe("column-layout", this.initializeColumn.bind(this));
-		this.subscribe("column-format", this.formatHeader.bind(this));
-	}
-	
-	//initialize column formatter
-	initializeColumn(column){
-		column.modules.format = this.lookupFormatter(column, "");
-		
-		if(typeof column.definition.formatterPrint !== "undefined"){
-			column.modules.format.print = this.lookupFormatter(column, "Print");
-		}
-		
-		if(typeof column.definition.formatterClipboard !== "undefined"){
-			column.modules.format.clipboard = this.lookupFormatter(column, "Clipboard");
-		}
-		
-		if(typeof column.definition.formatterHtmlOutput !== "undefined"){
-			column.modules.format.htmlOutput = this.lookupFormatter(column, "HtmlOutput");
-		}
-	}
-	
-	lookupFormatter(column, type){
-		var config = {params:column.definition["formatter" + type + "Params"] || {}},
-		formatter = column.definition["formatter" + type];
-		
-		//set column formatter
-		switch(typeof formatter){
-			case "string":
-				if(Format.formatters[formatter]){
-					config.formatter = Format.formatters[formatter];
-				}else{
-					console.warn("Formatter Error - No such formatter found: ", formatter);
-					config.formatter = Format.formatters.plaintext;
-				}
-				break;
-			
-			case "function":
-				config.formatter = formatter;
-				break;
-			
-			default:
-				config.formatter = Format.formatters.plaintext;
-				break;
-		}
-		
-		return config;
-	}
-	
-	cellRendered(cell){
-		if(cell.modules.format && cell.modules.format.renderedCallback && !cell.modules.format.rendered){
-			cell.modules.format.renderedCallback();
-			cell.modules.format.rendered = true;
-		}
-	}
-	
-	//return a formatted value for a column header
-	formatHeader(column, title, el){
-		var formatter, params, onRendered, mockCell;
-		
-		if(column.definition.titleFormatter){
-			formatter = this.getFormatter(column.definition.titleFormatter);
-			
-			onRendered = (callback) => {
-				column.titleFormatterRendered = callback;
-			};
-			
-			mockCell = {
-				getValue:function(){
-					return title;
-				},
-				getElement:function(){
-					return el;
-				},
-				getColumn:function(){
-					return column.getComponent();
-				},
-				getTable:() => {
-					return this.table;
-				}
-			};
-			
-			params = column.definition.titleFormatterParams || {};
-			
-			params = typeof params === "function" ? params() : params;
-			
-			return formatter.call(this, mockCell, params, onRendered);
-		}else{
-			return title;
-		}
-	}
-	
-	
-	//return a formatted value for a cell
-	formatValue(cell){
-		var component = cell.getComponent(),
-		params = typeof cell.column.modules.format.params === "function" ? cell.column.modules.format.params(component) : cell.column.modules.format.params;
-		
-		function onRendered(callback){
-			if(!cell.modules.format){
-				cell.modules.format = {};
-			}
-			
-			cell.modules.format.renderedCallback = callback;
-			cell.modules.format.rendered = false;
-		}
-		
-		return cell.column.modules.format.formatter.call(this, component, params, onRendered);
-	}
-	
-	formatExportValue(cell, type){
-		var formatter = cell.column.modules.format[type],
-		params;
-		
-		if(formatter){
-			params = typeof formatter.params === "function" ? formatter.params(cell.getComponent()) : formatter.params;
-			
-			function onRendered(callback){
-				if(!cell.modules.format){
-					cell.modules.format = {};
-				}
-				
-				cell.modules.format.renderedCallback = callback;
-				cell.modules.format.rendered = false;
-			}
-			
-			return formatter.formatter.call(this, cell.getComponent(), params, onRendered);
-			
-		}else{
-			return this.formatValue(cell);
-		}
-	}
-	
-	sanitizeHTML(value){
-		if(value){
-			var entityMap = {
-				'&': '&',
-				'<': '&lt;',
-				'>': '&gt;',
-				'"': '&quot;',
-				"'": '&#39;',
-				'/': '&#x2F;',
-				'`': '&#x60;',
-				'=': '&#x3D;'
-			};
-			
-			return String(value).replace(/[&<>"'`=/]/g, function (s) {
-				return entityMap[s];
-			});
-		}else{
-			return value;
-		}
-	}
-	
-	emptyToSpace(value){
-		return value === null || typeof value === "undefined" || value === "" ? "&nbsp;" : value;
-	}
-	
-	//get formatter for cell
-	getFormatter(formatter){
-		switch(typeof formatter){
-			case "string":
-				if(Format.formatters[formatter]){
-					formatter = Format.formatters[formatter];
-				}else{
-					console.warn("Formatter Error - No such formatter found: ", formatter);
-					formatter = Format.formatters.plaintext;
-				}
-				break;
-			
-			case "function":
-			//Custom formatter Function, do nothing
-				break;
-			
-			default:
-				formatter = Format.formatters.plaintext;
-				break;
-		}
-		
-		return formatter;
-	}
-}
-
-Format.moduleName = "format";
-
-//load defaults
-Format.formatters = defaultFormatters;
-
+import Module from '../../core/Module.js';
+
+import defaultFormatters from './defaults/formatters.js';
+
+class Format extends Module{
+	
+	constructor(table){
+		super(table);
+		
+		this.registerColumnOption("formatter");
+		this.registerColumnOption("formatterParams");
+		
+		this.registerColumnOption("formatterPrint");
+		this.registerColumnOption("formatterPrintParams");
+		this.registerColumnOption("formatterClipboard");
+		this.registerColumnOption("formatterClipboardParams");
+		this.registerColumnOption("formatterHtmlOutput");
+		this.registerColumnOption("formatterHtmlOutputParams");
+		this.registerColumnOption("titleFormatter");
+		this.registerColumnOption("titleFormatterParams");
+	}
+	
+	initialize(){
+		this.subscribe("cell-format", this.formatValue.bind(this));
+		this.subscribe("cell-rendered", this.cellRendered.bind(this));
+		this.subscribe("column-layout", this.initializeColumn.bind(this));
+		this.subscribe("column-format", this.formatHeader.bind(this));
+	}
+	
+	//initialize column formatter
+	initializeColumn(column){
+		column.modules.format = this.lookupFormatter(column, "");
+		
+		if(typeof column.definition.formatterPrint !== "undefined"){
+			column.modules.format.print = this.lookupFormatter(column, "Print");
+		}
+		
+		if(typeof column.definition.formatterClipboard !== "undefined"){
+			column.modules.format.clipboard = this.lookupFormatter(column, "Clipboard");
+		}
+		
+		if(typeof column.definition.formatterHtmlOutput !== "undefined"){
+			column.modules.format.htmlOutput = this.lookupFormatter(column, "HtmlOutput");
+		}
+	}
+	
+	lookupFormatter(column, type){
+		var config = {params:column.definition["formatter" + type + "Params"] || {}},
+		formatter = column.definition["formatter" + type];
+		
+		//set column formatter
+		switch(typeof formatter){
+			case "string":
+				if(Format.formatters[formatter]){
+					config.formatter = Format.formatters[formatter];
+				}else{
+					console.warn("Formatter Error - No such formatter found: ", formatter);
+					config.formatter = Format.formatters.plaintext;
+				}
+				break;
+			
+			case "function":
+				config.formatter = formatter;
+				break;
+			
+			default:
+				config.formatter = Format.formatters.plaintext;
+				break;
+		}
+		
+		return config;
+	}
+	
+	cellRendered(cell){
+		if(cell.modules.format && cell.modules.format.renderedCallback && !cell.modules.format.rendered){
+			cell.modules.format.renderedCallback();
+			cell.modules.format.rendered = true;
+		}
+	}
+	
+	//return a formatted value for a column header
+	formatHeader(column, title, el){
+		var formatter, params, onRendered, mockCell;
+		
+		if(column.definition.titleFormatter){
+			formatter = this.getFormatter(column.definition.titleFormatter);
+			
+			onRendered = (callback) => {
+				column.titleFormatterRendered = callback;
+			};
+			
+			mockCell = {
+				getValue:function(){
+					return title;
+				},
+				getElement:function(){
+					return el;
+				},
+				getColumn:function(){
+					return column.getComponent();
+				},
+				getTable:() => {
+					return this.table;
+				}
+			};
+			
+			params = column.definition.titleFormatterParams || {};
+			
+			params = typeof params === "function" ? params() : params;
+			
+			return formatter.call(this, mockCell, params, onRendered);
+		}else{
+			return title;
+		}
+	}
+	
+	
+	//return a formatted value for a cell
+	formatValue(cell){
+		var component = cell.getComponent(),
+		params = typeof cell.column.modules.format.params === "function" ? cell.column.modules.format.params(component) : cell.column.modules.format.params;
+		
+		function onRendered(callback){
+			if(!cell.modules.format){
+				cell.modules.format = {};
+			}
+			
+			cell.modules.format.renderedCallback = callback;
+			cell.modules.format.rendered = false;
+		}
+		
+		return cell.column.modules.format.formatter.call(this, component, params, onRendered);
+	}
+	
+	formatExportValue(cell, type){
+		var formatter = cell.column.modules.format[type],
+		params;
+		
+		if(formatter){
+			params = typeof formatter.params === "function" ? formatter.params(cell.getComponent()) : formatter.params;
+			
+			function onRendered(callback){
+				if(!cell.modules.format){
+					cell.modules.format = {};
+				}
+				
+				cell.modules.format.renderedCallback = callback;
+				cell.modules.format.rendered = false;
+			}
+			
+			return formatter.formatter.call(this, cell.getComponent(), params, onRendered);
+			
+		}else{
+			return this.formatValue(cell);
+		}
+	}
+	
+	sanitizeHTML(value){
+		if(value){
+			var entityMap = {
+				'&': '&amp;',
+				'<': '&lt;',
+				'>': '&gt;',
+				'"': '&quot;',
+				"'": '&#39;',
+				'/': '&#x2F;',
+				'`': '&#x60;',
+				'=': '&#x3D;'
+			};
+			
+			return String(value).replace(/[&<>"'`=/]/g, function (s) {
+				return entityMap[s];
+			});
+		}else{
+			return value;
+		}
+	}
+	
+	emptyToSpace(value){
+		return value === null || typeof value === "undefined" || value === "" ? "&nbsp;" : value;
+	}
+	
+	//get formatter for cell
+	getFormatter(formatter){
+		switch(typeof formatter){
+			case "string":
+				if(Format.formatters[formatter]){
+					formatter = Format.formatters[formatter];
+				}else{
+					console.warn("Formatter Error - No such formatter found: ", formatter);
+					formatter = Format.formatters.plaintext;
+				}
+				break;
+			
+			case "function":
+			//Custom formatter Function, do nothing
+				break;
+			
+			default:
+				formatter = Format.formatters.plaintext;
+				break;
+		}
+		
+		return formatter;
+	}
+}
+
+Format.moduleName = "format";
+
+//load defaults
+Format.formatters = defaultFormatters;
+
 export default Format;

package/src/js/modules/Format/defaults/formatters/buttonCross.js

@@ -1,3 +1,3 @@
-export default function(cell, formatterParams, onRendered){
-	return '<svg enable-background="new 0 0 24 24" height="14" width="14" viewBox="0 0 24 24" xml:space="preserve" ><path fill="#CE1515" d="M22.245,4.015c0.313,0.313,0.313,0.826,0,1.139l-6.276,6.27c-0.313,0.312-0.313,0.826,0,1.14l6.273,6.272  c0.313,0.313,0.313,0.826,0,1.14l-2.285,2.277c-0.314,0.312-0.828,0.312-1.142,0l-6.271-6.271c-0.313-0.313-0.828-0.313-1.141,0  l-6.276,6.267c-0.313,0.313-0.828,0.313-1.141,0l-2.282-2.28c-0.313-0.313-0.313-0.826,0-1.14l6.278-6.269  c0.313-0.312,0.313-0.826,0-1.14L1.709,5.147c-0.314-0.313-0.314-0.827,0-1.14l2.284-2.278C4.308,1.417,4.821,1.417,5.135,1.73  L11.405,8c0.314,0.314,0.828,0.314,1.141,0.001l6.276-6.267c0.312-0.312,0.826-0.312,1.141,0L22.245,4.015z"/></svg>';
+export default function(cell, formatterParams, onRendered){
+	return '<svg enable-background="new 0 0 24 24" height="14" width="14" viewBox="0 0 24 24" xml:space="preserve" ><path fill="#CE1515" d="M22.245,4.015c0.313,0.313,0.313,0.826,0,1.139l-6.276,6.27c-0.313,0.312-0.313,0.826,0,1.14l6.273,6.272  c0.313,0.313,0.313,0.826,0,1.14l-2.285,2.277c-0.314,0.312-0.828,0.312-1.142,0l-6.271-6.271c-0.313-0.313-0.828-0.313-1.141,0  l-6.276,6.267c-0.313,0.313-0.828,0.313-1.141,0l-2.282-2.28c-0.313-0.313-0.313-0.826,0-1.14l6.278-6.269  c0.313-0.312,0.313-0.826,0-1.14L1.709,5.147c-0.314-0.313-0.314-0.827,0-1.14l2.284-2.278C4.308,1.417,4.821,1.417,5.135,1.73  L11.405,8c0.314,0.314,0.828,0.314,1.141,0.001l6.276-6.267c0.312-0.312,0.826-0.312,1.141,0L22.245,4.015z"/></svg>';
 }

package/src/js/modules/Format/defaults/formatters/buttonTick.js

@@ -1,3 +1,3 @@
-export default function(cell, formatterParams, onRendered){
-	return '<svg enable-background="new 0 0 24 24" height="14" width="14" viewBox="0 0 24 24" xml:space="preserve" ><path fill="#2DC214" clip-rule="evenodd" d="M21.652,3.211c-0.293-0.295-0.77-0.295-1.061,0L9.41,14.34  c-0.293,0.297-0.771,0.297-1.062,0L3.449,9.351C3.304,9.203,3.114,9.13,2.923,9.129C2.73,9.128,2.534,9.201,2.387,9.351  l-2.165,1.946C0.078,11.445,0,11.63,0,11.823c0,0.194,0.078,0.397,0.223,0.544l4.94,5.184c0.292,0.296,0.771,0.776,1.062,1.07  l2.124,2.141c0.292,0.293,0.769,0.293,1.062,0l14.366-14.34c0.293-0.294,0.293-0.777,0-1.071L21.652,3.211z" fill-rule="evenodd"/></svg>';
+export default function(cell, formatterParams, onRendered){
+	return '<svg enable-background="new 0 0 24 24" height="14" width="14" viewBox="0 0 24 24" xml:space="preserve" ><path fill="#2DC214" clip-rule="evenodd" d="M21.652,3.211c-0.293-0.295-0.77-0.295-1.061,0L9.41,14.34  c-0.293,0.297-0.771,0.297-1.062,0L3.449,9.351C3.304,9.203,3.114,9.13,2.923,9.129C2.73,9.128,2.534,9.201,2.387,9.351  l-2.165,1.946C0.078,11.445,0,11.63,0,11.823c0,0.194,0.078,0.397,0.223,0.544l4.94,5.184c0.292,0.296,0.771,0.776,1.062,1.07  l2.124,2.141c0.292,0.293,0.769,0.293,1.062,0l14.366-14.34c0.293-0.294,0.293-0.777,0-1.071L21.652,3.211z" fill-rule="evenodd"/></svg>';
 }

package/src/js/modules/Format/defaults/formatters/color.js

@@ -1,4 +1,4 @@
-export default function(cell, formatterParams, onRendered){
-	cell.getElement().style.backgroundColor = this.sanitizeHTML(cell.getValue());
-	return "";
+export default function(cell, formatterParams, onRendered){
+	cell.getElement().style.backgroundColor = this.sanitizeHTML(cell.getValue());
+	return "";
 }