tabulator-tables 5.4.3 → 5.5.0

package/src/js/modules/Layout/Layout.js

@@ -1,50 +1,50 @@
-import Module from '../../core/Module.js';
-
-import defaultModes from './defaults/modes.js';
-
-class Layout extends Module{
-
-	constructor(table){
-		super(table, "layout");
-
-		this.mode = null;
-
-		this.registerTableOption("layout", "fitData"); //layout type
-		this.registerTableOption("layoutColumnsOnNewData", false); //update column widths on setData
-
-		this.registerColumnOption("widthGrow");
-		this.registerColumnOption("widthShrink");
-	}
-
-	//initialize layout system
-	initialize(){
-		var layout = this.table.options.layout;
-
-		if(Layout.modes[layout]){
-			this.mode = layout;
-		}else{
-			console.warn("Layout Error - invalid mode set, defaulting to 'fitData' : " + layout);
-			this.mode = 'fitData';
-		}
-
-		this.table.element.setAttribute("tabulator-layout", this.mode);
-	}
-
-	getMode(){
-		return this.mode;
-	}
-
-	//trigger table layout
-	layout(dataChanged){
-		this.dispatch("layout-refreshing");
-		Layout.modes[this.mode].call(this, this.table.columnManager.columnsByIndex, dataChanged);
-		this.dispatch("layout-refreshed");
-	}
-}
-
-Layout.moduleName = "layout";
-
-//load defaults
-Layout.modes = defaultModes;
-
+import Module from '../../core/Module.js';
+
+import defaultModes from './defaults/modes.js';
+
+class Layout extends Module{
+
+	constructor(table){
+		super(table, "layout");
+
+		this.mode = null;
+
+		this.registerTableOption("layout", "fitData"); //layout type
+		this.registerTableOption("layoutColumnsOnNewData", false); //update column widths on setData
+
+		this.registerColumnOption("widthGrow");
+		this.registerColumnOption("widthShrink");
+	}
+
+	//initialize layout system
+	initialize(){
+		var layout = this.table.options.layout;
+
+		if(Layout.modes[layout]){
+			this.mode = layout;
+		}else{
+			console.warn("Layout Error - invalid mode set, defaulting to 'fitData' : " + layout);
+			this.mode = 'fitData';
+		}
+
+		this.table.element.setAttribute("tabulator-layout", this.mode);
+	}
+
+	getMode(){
+		return this.mode;
+	}
+
+	//trigger table layout
+	layout(dataChanged){
+		this.dispatch("layout-refreshing");
+		Layout.modes[this.mode].call(this, this.table.columnManager.columnsByIndex, dataChanged);
+		this.dispatch("layout-refreshed");
+	}
+}
+
+Layout.moduleName = "layout";
+
+//load defaults
+Layout.modes = defaultModes;
+
 export default Layout;

package/src/js/modules/Layout/defaults/modes/fitColumns.js

@@ -1,171 +1,171 @@
-//resize columns to fit
-export default function(columns, forced){
-	var totalWidth = this.table.rowManager.element.getBoundingClientRect().width; //table element width
-	var fixedWidth = 0; //total width of columns with a defined width
-	var flexWidth = 0; //total width available to flexible columns
-	var flexGrowUnits = 0; //total number of widthGrow blocks across all columns
-	var flexColWidth = 0; //desired width of flexible columns
-	var flexColumns = []; //array of flexible width columns
-	var fixedShrinkColumns = []; //array of fixed width columns that can shrink
-	var flexShrinkUnits = 0; //total number of widthShrink blocks across all columns
-	var overflowWidth = 0; //horizontal overflow width
-	var gapFill = 0; //number of pixels to be added to final column to close and half pixel gaps
-
-	function calcWidth(width){
-		var colWidth;
-
-		if(typeof(width) == "string"){
-			if(width.indexOf("%") > -1){
-				colWidth = (totalWidth / 100) * parseInt(width);
-			}else{
-				colWidth = parseInt(width);
-			}
-		}else{
-			colWidth = width;
-		}
-
-		return colWidth;
-	}
-
-	//ensure columns resize to take up the correct amount of space
-	function scaleColumns(columns, freeSpace, colWidth, shrinkCols){
-		var oversizeCols = [],
-		oversizeSpace = 0,
-		remainingSpace = 0,
-		nextColWidth = 0,
-		remainingFlexGrowUnits = flexGrowUnits,
-		gap = 0,
-		changeUnits = 0,
-		undersizeCols = [];
-
-		function calcGrow(col){
-			return (colWidth * (col.column.definition.widthGrow || 1));
-		}
-
-		function calcShrink(col){
-			return  (calcWidth(col.width) - (colWidth * (col.column.definition.widthShrink || 0)));
-		}
-
-		columns.forEach(function(col, i){
-			var width = shrinkCols ? calcShrink(col) : calcGrow(col);
-			if(col.column.minWidth >= width){
-				oversizeCols.push(col);
-			}else{
-				if(col.column.maxWidth && col.column.maxWidth < width){
-					col.width = col.column.maxWidth;
-					freeSpace -= col.column.maxWidth;
-
-					remainingFlexGrowUnits -= shrinkCols ? (col.column.definition.widthShrink || 1) : (col.column.definition.widthGrow || 1);
-
-					if(remainingFlexGrowUnits){
-						colWidth = Math.floor(freeSpace/remainingFlexGrowUnits);
-					}
-				}else{
-					undersizeCols.push(col);
-					changeUnits += shrinkCols ? (col.column.definition.widthShrink || 1) : (col.column.definition.widthGrow || 1);
-				}
-			}
-		});
-
-		if(oversizeCols.length){
-			oversizeCols.forEach(function(col){
-				oversizeSpace += shrinkCols ?  col.width - col.column.minWidth : col.column.minWidth;
-				col.width = col.column.minWidth;
-			});
-
-			remainingSpace = freeSpace - oversizeSpace;
-
-			nextColWidth = changeUnits ? Math.floor(remainingSpace/changeUnits) : remainingSpace;
-
-			gap = scaleColumns(undersizeCols, remainingSpace, nextColWidth, shrinkCols);
-		}else{
-			gap = changeUnits ? freeSpace - (Math.floor(freeSpace/changeUnits) * changeUnits) : freeSpace;
-
-			undersizeCols.forEach(function(column){
-				column.width = shrinkCols ? calcShrink(column) : calcGrow(column);
-			});
-		}
-
-		return gap;
-	}
-
-	if(this.table.options.responsiveLayout && this.table.modExists("responsiveLayout", true)){
-		this.table.modules.responsiveLayout.update();
-	}
-
-	//adjust for vertical scrollbar if present
-	if(this.table.rowManager.element.scrollHeight > this.table.rowManager.element.clientHeight){
-		totalWidth -= this.table.rowManager.element.offsetWidth - this.table.rowManager.element.clientWidth;
-	}
-
-	columns.forEach(function(column){
-		var width, minWidth, colWidth;
-
-		if(column.visible){
-
-			width = column.definition.width;
-			minWidth =  parseInt(column.minWidth);
-
-			if(width){
-
-				colWidth = calcWidth(width);
-
-				fixedWidth += colWidth > minWidth ? colWidth : minWidth;
-
-				if(column.definition.widthShrink){
-					fixedShrinkColumns.push({
-						column:column,
-						width:colWidth > minWidth ? colWidth : minWidth
-					});
-					flexShrinkUnits += column.definition.widthShrink;
-				}
-
-			}else{
-				flexColumns.push({
-					column:column,
-					width:0,
-				});
-				flexGrowUnits += column.definition.widthGrow || 1;
-			}
-		}
-	});
-
-	//calculate available space
-	flexWidth = totalWidth - fixedWidth;
-
-	//calculate correct column size
-	flexColWidth = Math.floor(flexWidth / flexGrowUnits);
-
-	//generate column widths
-	gapFill = scaleColumns(flexColumns, flexWidth, flexColWidth, false);
-
-	//increase width of last column to account for rounding errors
-	if(flexColumns.length && gapFill > 0){
-		flexColumns[flexColumns.length-1].width += gapFill;
-	}
-
-	//calculate space for columns to be shrunk into
-	flexColumns.forEach(function(col){
-		flexWidth -= col.width;
-	});
-
-	overflowWidth = Math.abs(gapFill) + flexWidth;
-
-	//shrink oversize columns if there is no available space
-	if(overflowWidth > 0 && flexShrinkUnits){
-		gapFill = scaleColumns(fixedShrinkColumns, overflowWidth, Math.floor(overflowWidth / flexShrinkUnits), true);
-	}
-
-	//decrease width of last column to account for rounding errors
-	if(gapFill && fixedShrinkColumns.length){
-		fixedShrinkColumns[fixedShrinkColumns.length-1].width -= gapFill;
-	}
-
-	flexColumns.forEach(function(col){
-		col.column.setWidth(col.width);
-	});
-
-	fixedShrinkColumns.forEach(function(col){
-		col.column.setWidth(col.width);
-	});
-}
+//resize columns to fit
+export default function(columns, forced){
+	var totalWidth = this.table.rowManager.element.getBoundingClientRect().width; //table element width
+	var fixedWidth = 0; //total width of columns with a defined width
+	var flexWidth = 0; //total width available to flexible columns
+	var flexGrowUnits = 0; //total number of widthGrow blocks across all columns
+	var flexColWidth = 0; //desired width of flexible columns
+	var flexColumns = []; //array of flexible width columns
+	var fixedShrinkColumns = []; //array of fixed width columns that can shrink
+	var flexShrinkUnits = 0; //total number of widthShrink blocks across all columns
+	var overflowWidth = 0; //horizontal overflow width
+	var gapFill = 0; //number of pixels to be added to final column to close and half pixel gaps
+
+	function calcWidth(width){
+		var colWidth;
+
+		if(typeof(width) == "string"){
+			if(width.indexOf("%") > -1){
+				colWidth = (totalWidth / 100) * parseInt(width);
+			}else{
+				colWidth = parseInt(width);
+			}
+		}else{
+			colWidth = width;
+		}
+
+		return colWidth;
+	}
+
+	//ensure columns resize to take up the correct amount of space
+	function scaleColumns(columns, freeSpace, colWidth, shrinkCols){
+		var oversizeCols = [],
+		oversizeSpace = 0,
+		remainingSpace = 0,
+		nextColWidth = 0,
+		remainingFlexGrowUnits = flexGrowUnits,
+		gap = 0,
+		changeUnits = 0,
+		undersizeCols = [];
+
+		function calcGrow(col){
+			return (colWidth * (col.column.definition.widthGrow || 1));
+		}
+
+		function calcShrink(col){
+			return  (calcWidth(col.width) - (colWidth * (col.column.definition.widthShrink || 0)));
+		}
+
+		columns.forEach(function(col, i){
+			var width = shrinkCols ? calcShrink(col) : calcGrow(col);
+			if(col.column.minWidth >= width){
+				oversizeCols.push(col);
+			}else{
+				if(col.column.maxWidth && col.column.maxWidth < width){
+					col.width = col.column.maxWidth;
+					freeSpace -= col.column.maxWidth;
+
+					remainingFlexGrowUnits -= shrinkCols ? (col.column.definition.widthShrink || 1) : (col.column.definition.widthGrow || 1);
+
+					if(remainingFlexGrowUnits){
+						colWidth = Math.floor(freeSpace/remainingFlexGrowUnits);
+					}
+				}else{
+					undersizeCols.push(col);
+					changeUnits += shrinkCols ? (col.column.definition.widthShrink || 1) : (col.column.definition.widthGrow || 1);
+				}
+			}
+		});
+
+		if(oversizeCols.length){
+			oversizeCols.forEach(function(col){
+				oversizeSpace += shrinkCols ?  col.width - col.column.minWidth : col.column.minWidth;
+				col.width = col.column.minWidth;
+			});
+
+			remainingSpace = freeSpace - oversizeSpace;
+
+			nextColWidth = changeUnits ? Math.floor(remainingSpace/changeUnits) : remainingSpace;
+
+			gap = scaleColumns(undersizeCols, remainingSpace, nextColWidth, shrinkCols);
+		}else{
+			gap = changeUnits ? freeSpace - (Math.floor(freeSpace/changeUnits) * changeUnits) : freeSpace;
+
+			undersizeCols.forEach(function(column){
+				column.width = shrinkCols ? calcShrink(column) : calcGrow(column);
+			});
+		}
+
+		return gap;
+	}
+
+	if(this.table.options.responsiveLayout && this.table.modExists("responsiveLayout", true)){
+		this.table.modules.responsiveLayout.update();
+	}
+
+	//adjust for vertical scrollbar if present
+	if(this.table.rowManager.element.scrollHeight > this.table.rowManager.element.clientHeight){
+		totalWidth -= this.table.rowManager.element.offsetWidth - this.table.rowManager.element.clientWidth;
+	}
+
+	columns.forEach(function(column){
+		var width, minWidth, colWidth;
+
+		if(column.visible){
+
+			width = column.definition.width;
+			minWidth =  parseInt(column.minWidth);
+
+			if(width){
+
+				colWidth = calcWidth(width);
+
+				fixedWidth += colWidth > minWidth ? colWidth : minWidth;
+
+				if(column.definition.widthShrink){
+					fixedShrinkColumns.push({
+						column:column,
+						width:colWidth > minWidth ? colWidth : minWidth
+					});
+					flexShrinkUnits += column.definition.widthShrink;
+				}
+
+			}else{
+				flexColumns.push({
+					column:column,
+					width:0,
+				});
+				flexGrowUnits += column.definition.widthGrow || 1;
+			}
+		}
+	});
+
+	//calculate available space
+	flexWidth = totalWidth - fixedWidth;
+
+	//calculate correct column size
+	flexColWidth = Math.floor(flexWidth / flexGrowUnits);
+
+	//generate column widths
+	gapFill = scaleColumns(flexColumns, flexWidth, flexColWidth, false);
+
+	//increase width of last column to account for rounding errors
+	if(flexColumns.length && gapFill > 0){
+		flexColumns[flexColumns.length-1].width += gapFill;
+	}
+
+	//calculate space for columns to be shrunk into
+	flexColumns.forEach(function(col){
+		flexWidth -= col.width;
+	});
+
+	overflowWidth = Math.abs(gapFill) + flexWidth;
+
+	//shrink oversize columns if there is no available space
+	if(overflowWidth > 0 && flexShrinkUnits){
+		gapFill = scaleColumns(fixedShrinkColumns, overflowWidth, Math.floor(overflowWidth / flexShrinkUnits), true);
+	}
+
+	//decrease width of last column to account for rounding errors
+	if(gapFill && fixedShrinkColumns.length){
+		fixedShrinkColumns[fixedShrinkColumns.length-1].width -= gapFill;
+	}
+
+	flexColumns.forEach(function(col){
+		col.column.setWidth(col.width);
+	});
+
+	fixedShrinkColumns.forEach(function(col){
+		col.column.setWidth(col.width);
+	});
+}

package/src/js/modules/Layout/defaults/modes/fitData.js

@@ -1,10 +1,10 @@
-//resize columns to fit data they contain
-export default function(columns, forced){
-	if(forced){
-		this.table.columnManager.renderer.reinitializeColumnWidths(columns);
-	}
-	
-	if(this.table.options.responsiveLayout && this.table.modExists("responsiveLayout", true)){
-		this.table.modules.responsiveLayout.update();
-	}
+//resize columns to fit data they contain
+export default function(columns, forced){
+	if(forced){
+		this.table.columnManager.renderer.reinitializeColumnWidths(columns);
+	}
+	
+	if(this.table.options.responsiveLayout && this.table.modExists("responsiveLayout", true)){
+		this.table.modules.responsiveLayout.update();
+	}
 }

package/src/js/modules/Layout/defaults/modes/fitDataGeneral.js

@@ -1,10 +1,10 @@
-//resize columns to fit data they contain and stretch row to fill table, also used for fitDataTable
-export default function(columns, forced){
-	columns.forEach(function(column){
-		column.reinitializeWidth();
-	});
-
-	if(this.table.options.responsiveLayout && this.table.modExists("responsiveLayout", true)){
-		this.table.modules.responsiveLayout.update();
-	}
+//resize columns to fit data they contain and stretch row to fill table, also used for fitDataTable
+export default function(columns, forced){
+	columns.forEach(function(column){
+		column.reinitializeWidth();
+	});
+
+	if(this.table.options.responsiveLayout && this.table.modExists("responsiveLayout", true)){
+		this.table.modules.responsiveLayout.update();
+	}
 }

package/src/js/modules/Layout/defaults/modes/fitDataStretch.js

@@ -1,40 +1,40 @@
-//resize columns to fit data the contain and stretch last column to fill table
-export default function(columns, forced){
-	var colsWidth = 0,
-	tableWidth = this.table.rowManager.element.clientWidth,
-	gap = 0,
-	lastCol = false;
-
-	columns.forEach((column, i) => {
-		if(!column.widthFixed){
-			column.reinitializeWidth();
-		}
-
-		if(this.table.options.responsiveLayout ? column.modules.responsive.visible : column.visible){
-			lastCol = column;
-		}
-
-		if(column.visible){
-			colsWidth += column.getWidth();
-		}
-	});
-
-	if(lastCol){
-		gap = tableWidth - colsWidth + lastCol.getWidth();
-
-		if(this.table.options.responsiveLayout && this.table.modExists("responsiveLayout", true)){
-			lastCol.setWidth(0);
-			this.table.modules.responsiveLayout.update();
-		}
-
-		if(gap > 0){
-			lastCol.setWidth(gap);
-		}else{
-			lastCol.reinitializeWidth();
-		}
-	}else{
-		if(this.table.options.responsiveLayout && this.table.modExists("responsiveLayout", true)){
-			this.table.modules.responsiveLayout.update();
-		}
-	}
+//resize columns to fit data the contain and stretch last column to fill table
+export default function(columns, forced){
+	var colsWidth = 0,
+	tableWidth = this.table.rowManager.element.clientWidth,
+	gap = 0,
+	lastCol = false;
+
+	columns.forEach((column, i) => {
+		if(!column.widthFixed){
+			column.reinitializeWidth();
+		}
+
+		if(this.table.options.responsiveLayout ? column.modules.responsive.visible : column.visible){
+			lastCol = column;
+		}
+
+		if(column.visible){
+			colsWidth += column.getWidth();
+		}
+	});
+
+	if(lastCol){
+		gap = tableWidth - colsWidth + lastCol.getWidth();
+
+		if(this.table.options.responsiveLayout && this.table.modExists("responsiveLayout", true)){
+			lastCol.setWidth(0);
+			this.table.modules.responsiveLayout.update();
+		}
+
+		if(gap > 0){
+			lastCol.setWidth(gap);
+		}else{
+			lastCol.reinitializeWidth();
+		}
+	}else{
+		if(this.table.options.responsiveLayout && this.table.modExists("responsiveLayout", true)){
+			this.table.modules.responsiveLayout.update();
+		}
+	}
 }

package/src/js/modules/Layout/defaults/modes.js

@@ -1,12 +1,12 @@
-import fitData from './modes/fitData.js';
-import fitDataGeneral from './modes/fitDataGeneral.js';
-import fitDataStretch from './modes/fitDataStretch.js';
-import fitColumns from './modes/fitColumns.js';
-
-export default {
-	fitData:fitData,
-	fitDataFill:fitDataGeneral,
-	fitDataTable:fitDataGeneral,
-	fitDataStretch:fitDataStretch,
-	fitColumns:fitColumns ,
+import fitData from './modes/fitData.js';
+import fitDataGeneral from './modes/fitDataGeneral.js';
+import fitDataStretch from './modes/fitDataStretch.js';
+import fitColumns from './modes/fitColumns.js';
+
+export default {
+	fitData:fitData,
+	fitDataFill:fitDataGeneral,
+	fitDataTable:fitDataGeneral,
+	fitDataStretch:fitDataStretch,
+	fitColumns:fitColumns ,
 };