tabulator-tables 5.4.2 → 5.4.4

package/src/js/modules/ResizeRows/ResizeRows.js

@@ -1,112 +1,112 @@
-import Module from '../../core/Module.js';
-
-class ResizeRows extends Module{
-
-	constructor(table){
-		super(table);
-
-		this.startColumn = false;
-		this.startY = false;
-		this.startHeight = false;
-		this.handle = null;
-		this.prevHandle = null;
-
-		this.registerTableOption("resizableRows", false); //resizable rows
-	}
-
-	initialize(){
-		if(this.table.options.resizableRows){
-			this.subscribe("row-layout-after", this.initializeRow.bind(this));
-		}
-	}
-
-	initializeRow(row){
-		var self = this,
-		rowEl = row.getElement();
-
-		var handle = document.createElement('div');
-		handle.className = "tabulator-row-resize-handle";
-
-		var prevHandle = document.createElement('div');
-		prevHandle.className = "tabulator-row-resize-handle prev";
-
-		handle.addEventListener("click", function(e){
-			e.stopPropagation();
-		});
-
-		var handleDown = function(e){
-			self.startRow = row;
-			self._mouseDown(e, row, handle);
-		};
-
-		handle.addEventListener("mousedown", handleDown);
-		handle.addEventListener("touchstart", handleDown, {passive: true});
-
-		prevHandle.addEventListener("click", function(e){
-			e.stopPropagation();
-		});
-
-		var prevHandleDown =  function(e){
-			var prevRow = self.table.rowManager.prevDisplayRow(row);
-
-			if(prevRow){
-				self.startRow = prevRow;
-				self._mouseDown(e, prevRow, prevHandle);
-			}
-		};
-
-		prevHandle.addEventListener("mousedown",prevHandleDown);
-		prevHandle.addEventListener("touchstart",prevHandleDown, {passive: true});
-
-		rowEl.appendChild(handle);
-		rowEl.appendChild(prevHandle);
-	}
-
-	_mouseDown(e, row, handle){
-		var self = this;
-
-		self.table.element.classList.add("tabulator-block-select");
-
-		function mouseMove(e){
-			row.setHeight(self.startHeight + ((typeof e.screenY === "undefined" ? e.touches[0].screenY : e.screenY) - self.startY));
-		}
-
-		function mouseUp(e){
-
-			// //block editor from taking action while resizing is taking place
-			// if(self.startColumn.modules.edit){
-			// 	self.startColumn.modules.edit.blocked = false;
-			// }
-
-			document.body.removeEventListener("mouseup", mouseMove);
-			document.body.removeEventListener("mousemove", mouseMove);
-
-			handle.removeEventListener("touchmove", mouseMove);
-			handle.removeEventListener("touchend", mouseUp);
-
-			self.table.element.classList.remove("tabulator-block-select");
-
-			self.dispatchExternal("rowResized", row.getComponent());
-		}
-
-		e.stopPropagation(); //prevent resize from interfering with movable columns
-
-		//block editor from taking action while resizing is taking place
-		// if(self.startColumn.modules.edit){
-		// 	self.startColumn.modules.edit.blocked = true;
-		// }
-
-		self.startY = typeof e.screenY === "undefined" ? e.touches[0].screenY : e.screenY;
-		self.startHeight = row.getHeight();
-
-		document.body.addEventListener("mousemove", mouseMove);
-		document.body.addEventListener("mouseup", mouseUp);
-
-		handle.addEventListener("touchmove", mouseMove, {passive: true});
-		handle.addEventListener("touchend", mouseUp);
-	}
-}
-
-ResizeRows.moduleName = "resizeRows";
-
+import Module from '../../core/Module.js';
+
+class ResizeRows extends Module{
+
+	constructor(table){
+		super(table);
+
+		this.startColumn = false;
+		this.startY = false;
+		this.startHeight = false;
+		this.handle = null;
+		this.prevHandle = null;
+
+		this.registerTableOption("resizableRows", false); //resizable rows
+	}
+
+	initialize(){
+		if(this.table.options.resizableRows){
+			this.subscribe("row-layout-after", this.initializeRow.bind(this));
+		}
+	}
+
+	initializeRow(row){
+		var self = this,
+		rowEl = row.getElement();
+
+		var handle = document.createElement('div');
+		handle.className = "tabulator-row-resize-handle";
+
+		var prevHandle = document.createElement('div');
+		prevHandle.className = "tabulator-row-resize-handle prev";
+
+		handle.addEventListener("click", function(e){
+			e.stopPropagation();
+		});
+
+		var handleDown = function(e){
+			self.startRow = row;
+			self._mouseDown(e, row, handle);
+		};
+
+		handle.addEventListener("mousedown", handleDown);
+		handle.addEventListener("touchstart", handleDown, {passive: true});
+
+		prevHandle.addEventListener("click", function(e){
+			e.stopPropagation();
+		});
+
+		var prevHandleDown =  function(e){
+			var prevRow = self.table.rowManager.prevDisplayRow(row);
+
+			if(prevRow){
+				self.startRow = prevRow;
+				self._mouseDown(e, prevRow, prevHandle);
+			}
+		};
+
+		prevHandle.addEventListener("mousedown",prevHandleDown);
+		prevHandle.addEventListener("touchstart",prevHandleDown, {passive: true});
+
+		rowEl.appendChild(handle);
+		rowEl.appendChild(prevHandle);
+	}
+
+	_mouseDown(e, row, handle){
+		var self = this;
+
+		self.table.element.classList.add("tabulator-block-select");
+
+		function mouseMove(e){
+			row.setHeight(self.startHeight + ((typeof e.screenY === "undefined" ? e.touches[0].screenY : e.screenY) - self.startY));
+		}
+
+		function mouseUp(e){
+
+			// //block editor from taking action while resizing is taking place
+			// if(self.startColumn.modules.edit){
+			// 	self.startColumn.modules.edit.blocked = false;
+			// }
+
+			document.body.removeEventListener("mouseup", mouseMove);
+			document.body.removeEventListener("mousemove", mouseMove);
+
+			handle.removeEventListener("touchmove", mouseMove);
+			handle.removeEventListener("touchend", mouseUp);
+
+			self.table.element.classList.remove("tabulator-block-select");
+
+			self.dispatchExternal("rowResized", row.getComponent());
+		}
+
+		e.stopPropagation(); //prevent resize from interfering with movable columns
+
+		//block editor from taking action while resizing is taking place
+		// if(self.startColumn.modules.edit){
+		// 	self.startColumn.modules.edit.blocked = true;
+		// }
+
+		self.startY = typeof e.screenY === "undefined" ? e.touches[0].screenY : e.screenY;
+		self.startHeight = row.getHeight();
+
+		document.body.addEventListener("mousemove", mouseMove);
+		document.body.addEventListener("mouseup", mouseUp);
+
+		handle.addEventListener("touchmove", mouseMove, {passive: true});
+		handle.addEventListener("touchend", mouseUp);
+	}
+}
+
+ResizeRows.moduleName = "resizeRows";
+
 export default ResizeRows;

package/src/js/modules/ResizeTable/ResizeTable.js

@@ -1,160 +1,160 @@
-import Module from '../../core/Module.js';
-
-class ResizeTable extends Module{
-	
-	constructor(table){
-		super(table);
-		
-		this.binding = false;
-		this.visibilityObserver = false;
-		this.resizeObserver = false;
-		this.containerObserver = false;
-		
-		this.tableHeight = 0;
-		this.tableWidth = 0;
-		this.containerHeight = 0;
-		this.containerWidth = 0;
-		
-		this.autoResize = false;
-		
-		this.visible = false;
-		
-		this.initialized = false;
-		this.initialRedraw = false;
-		
-		this.registerTableOption("autoResize", true); //auto resize table
-	}
-	
-	initialize(){
-		if(this.table.options.autoResize){
-			var table = this.table,
-			tableStyle;
-			
-			this.tableHeight = table.element.clientHeight;
-			this.tableWidth = table.element.clientWidth;
-			
-			if(table.element.parentNode){
-				this.containerHeight = table.element.parentNode.clientHeight;
-				this.containerWidth = table.element.parentNode.clientWidth;
-			}
-			
-			if(typeof IntersectionObserver !== "undefined" && typeof ResizeObserver !== "undefined" && table.rowManager.getRenderMode() === "virtual"){
-				
-				this.initializeVisibilityObserver();
-				
-				this.autoResize = true;
-				
-				this.resizeObserver = new ResizeObserver((entry) => {
-					if(!table.browserMobile || (table.browserMobile &&!table.modules.edit.currentCell)){
-						
-						var nodeHeight = Math.floor(entry[0].contentRect.height);
-						var nodeWidth = Math.floor(entry[0].contentRect.width);
-						
-						if(this.tableHeight != nodeHeight || this.tableWidth != nodeWidth){
-							this.tableHeight = nodeHeight;
-							this.tableWidth = nodeWidth;
-							
-							if(table.element.parentNode){
-								this.containerHeight = table.element.parentNode.clientHeight;
-								this.containerWidth = table.element.parentNode.clientWidth;
-							}
-							
-							this.redrawTable();
-						}
-					}
-				});
-				
-				this.resizeObserver.observe(table.element);
-				
-				tableStyle = window.getComputedStyle(table.element);
-				
-				if(this.table.element.parentNode && !this.table.rowManager.fixedHeight && (tableStyle.getPropertyValue("max-height") || tableStyle.getPropertyValue("min-height"))){
-					
-					this.containerObserver = new ResizeObserver((entry) => {
-						if(!table.browserMobile || (table.browserMobile &&!table.modules.edit.currentCell)){
-							
-							var nodeHeight = Math.floor(entry[0].contentRect.height);
-							var nodeWidth = Math.floor(entry[0].contentRect.width);
-							
-							if(this.containerHeight != nodeHeight || this.containerWidth != nodeWidth){
-								this.containerHeight = nodeHeight;
-								this.containerWidth = nodeWidth;
-								this.tableHeight = table.element.clientHeight;
-								this.tableWidth = table.element.clientWidth;
-							}
-							
-							this.redrawTable();
-						}
-					});
-					
-					this.containerObserver.observe(this.table.element.parentNode);
-				}
-				
-				this.subscribe("table-resize", this.tableResized.bind(this));
-				
-			}else{
-				this.binding = function(){
-					if(!table.browserMobile || (table.browserMobile && !table.modules.edit.currentCell)){
-						table.columnManager.rerenderColumns(true);
-						table.redraw();
-					}
-				};
-				
-				window.addEventListener("resize", this.binding);
-			}
-			
-			this.subscribe("table-destroy", this.clearBindings.bind(this));
-		}
-	}
-	
-	initializeVisibilityObserver(){
-		this.visibilityObserver = new IntersectionObserver((entries) => {
-			this.visible = entries[0].isIntersecting;
-			
-			if(!this.initialized){
-				this.initialized = true;
-				this.initialRedraw = !this.visible;
-			}else{
-				if(this.visible){
-					this.redrawTable(this.initialRedraw);
-					this.initialRedraw = false;
-				}
-			}
-		});
-		
-		this.visibilityObserver.observe(this.table.element);
-	}
-	
-	redrawTable(force){
-		if(this.initialized && this.visible){
-			this.table.columnManager.rerenderColumns(true);
-			this.table.redraw(force);
-		}
-	}
-	
-	tableResized(){
-		this.table.rowManager.redraw();
-	}
-	
-	clearBindings(){
-		if(this.binding){
-			window.removeEventListener("resize", this.binding);
-		}
-		
-		if(this.resizeObserver){
-			this.resizeObserver.unobserve(this.table.element);
-		}
-		
-		if(this.visibilityObserver){
-			this.visibilityObserver.unobserve(this.table.element);
-		}
-		
-		if(this.containerObserver){
-			this.containerObserver.unobserve(this.table.element.parentNode);
-		}
-	}
-}
-
-ResizeTable.moduleName = "resizeTable";
-
+import Module from '../../core/Module.js';
+
+class ResizeTable extends Module{
+	
+	constructor(table){
+		super(table);
+		
+		this.binding = false;
+		this.visibilityObserver = false;
+		this.resizeObserver = false;
+		this.containerObserver = false;
+		
+		this.tableHeight = 0;
+		this.tableWidth = 0;
+		this.containerHeight = 0;
+		this.containerWidth = 0;
+		
+		this.autoResize = false;
+		
+		this.visible = false;
+		
+		this.initialized = false;
+		this.initialRedraw = false;
+		
+		this.registerTableOption("autoResize", true); //auto resize table
+	}
+	
+	initialize(){
+		if(this.table.options.autoResize){
+			var table = this.table,
+			tableStyle;
+			
+			this.tableHeight = table.element.clientHeight;
+			this.tableWidth = table.element.clientWidth;
+			
+			if(table.element.parentNode){
+				this.containerHeight = table.element.parentNode.clientHeight;
+				this.containerWidth = table.element.parentNode.clientWidth;
+			}
+			
+			if(typeof IntersectionObserver !== "undefined" && typeof ResizeObserver !== "undefined" && table.rowManager.getRenderMode() === "virtual"){
+				
+				this.initializeVisibilityObserver();
+				
+				this.autoResize = true;
+				
+				this.resizeObserver = new ResizeObserver((entry) => {
+					if(!table.browserMobile || (table.browserMobile &&!table.modules.edit.currentCell)){
+						
+						var nodeHeight = Math.floor(entry[0].contentRect.height);
+						var nodeWidth = Math.floor(entry[0].contentRect.width);
+						
+						if(this.tableHeight != nodeHeight || this.tableWidth != nodeWidth){
+							this.tableHeight = nodeHeight;
+							this.tableWidth = nodeWidth;
+							
+							if(table.element.parentNode){
+								this.containerHeight = table.element.parentNode.clientHeight;
+								this.containerWidth = table.element.parentNode.clientWidth;
+							}
+							
+							this.redrawTable();
+						}
+					}
+				});
+				
+				this.resizeObserver.observe(table.element);
+				
+				tableStyle = window.getComputedStyle(table.element);
+				
+				if(this.table.element.parentNode && !this.table.rowManager.fixedHeight && (tableStyle.getPropertyValue("max-height") || tableStyle.getPropertyValue("min-height"))){
+					
+					this.containerObserver = new ResizeObserver((entry) => {
+						if(!table.browserMobile || (table.browserMobile &&!table.modules.edit.currentCell)){
+							
+							var nodeHeight = Math.floor(entry[0].contentRect.height);
+							var nodeWidth = Math.floor(entry[0].contentRect.width);
+							
+							if(this.containerHeight != nodeHeight || this.containerWidth != nodeWidth){
+								this.containerHeight = nodeHeight;
+								this.containerWidth = nodeWidth;
+								this.tableHeight = table.element.clientHeight;
+								this.tableWidth = table.element.clientWidth;
+							}
+							
+							this.redrawTable();
+						}
+					});
+					
+					this.containerObserver.observe(this.table.element.parentNode);
+				}
+				
+				this.subscribe("table-resize", this.tableResized.bind(this));
+				
+			}else{
+				this.binding = function(){
+					if(!table.browserMobile || (table.browserMobile && !table.modules.edit.currentCell)){
+						table.columnManager.rerenderColumns(true);
+						table.redraw();
+					}
+				};
+				
+				window.addEventListener("resize", this.binding);
+			}
+			
+			this.subscribe("table-destroy", this.clearBindings.bind(this));
+		}
+	}
+	
+	initializeVisibilityObserver(){
+		this.visibilityObserver = new IntersectionObserver((entries) => {
+			this.visible = entries[0].isIntersecting;
+			
+			if(!this.initialized){
+				this.initialized = true;
+				this.initialRedraw = !this.visible;
+			}else{
+				if(this.visible){
+					this.redrawTable(this.initialRedraw);
+					this.initialRedraw = false;
+				}
+			}
+		});
+		
+		this.visibilityObserver.observe(this.table.element);
+	}
+	
+	redrawTable(force){
+		if(this.initialized && this.visible){
+			this.table.columnManager.rerenderColumns(true);
+			this.table.redraw(force);
+		}
+	}
+	
+	tableResized(){
+		this.table.rowManager.redraw();
+	}
+	
+	clearBindings(){
+		if(this.binding){
+			window.removeEventListener("resize", this.binding);
+		}
+		
+		if(this.resizeObserver){
+			this.resizeObserver.unobserve(this.table.element);
+		}
+		
+		if(this.visibilityObserver){
+			this.visibilityObserver.unobserve(this.table.element);
+		}
+		
+		if(this.containerObserver){
+			this.containerObserver.unobserve(this.table.element.parentNode);
+		}
+	}
+}
+
+ResizeTable.moduleName = "resizeTable";
+
 export default ResizeTable;