tabulator-tables 5.0.9 → 5.0.10

package/src/js/core/tools/InteractionMonitor.js

@@ -33,18 +33,31 @@ export default class InteractionManager extends CoreFeature {
 		};
 
 		this.pseudoTrackers = {
-			"row":null,
-			"cell":null,
-			"group":null,
-			"column":null,
+			"row":{
+				subscriber:null,
+				target:null,
+			},
+			"cell":{
+				subscriber:null,
+				target:null,
+			},
+			"group":{
+				subscriber:null,
+				target:null,
+			},
+			"column":{
+				subscriber:null,
+				target:null,
+			},
 		}
+
+		this.pseudoTracking = false;
 	}
 	
 	initialize(){
 		this.el = this.table.element;
 		this.buildListenerMap();
 		this.bindSubscriptionWatchers();
-		this.bindPseudoEvents();
 	}
 	
 	buildListenerMap(){
@@ -62,21 +75,23 @@ export default class InteractionManager extends CoreFeature {
 
 	bindPseudoEvents(){
 		Object.keys(this.pseudoTrackers).forEach((key) => {
-			this.subscribe(key + "-mouseover", this.pseudoMouseEnter.bind(this, key));
-			// this.subscribe(key + "-mouseout", this.pseudoMouseLeave.bind(this, key));
+			this.pseudoTrackers[key].subscriber = this.pseudoMouseEnter.bind(this, key);
+			this.subscribe(key + "-mouseover", this.pseudoTrackers[key].subscriber);
 		});
+
+		this.pseudoTracking = true;
 	}
 
 	pseudoMouseEnter(key, e, target){
-		if(this.pseudoTrackers[key] !== target){
+		if(this.pseudoTrackers[key].target !== target){
 			
-			if(this.pseudoTrackers[key]){
+			if(this.pseudoTrackers[key].target){
 				this.dispatch(key + "-mouseleave", e, target);
 			}
 
 			this.pseudoMouseLeave(key, e);
 
-			this.pseudoTrackers[key] = target;
+			this.pseudoTrackers[key].target = target;
 
 			this.dispatch(key + "-mouseenter", e, target);
 		}
@@ -96,12 +111,12 @@ export default class InteractionManager extends CoreFeature {
 
 	
 		leaveList.forEach((key) => {
-			var target = this.pseudoTrackers[key];
+			var target = this.pseudoTrackers[key].target;
 
-			if(this.pseudoTrackers[key]){
+			if(this.pseudoTrackers[key].target){
 				this.dispatch(key + "-mouseleave", e, target);
 
-				this.pseudoTrackers[key] = null;
+				this.pseudoTrackers[key].target = null;
 			}
 		});
 	}
@@ -126,7 +141,7 @@ export default class InteractionManager extends CoreFeature {
 		var listener = this.listeners[key].components,
 		index = listener.indexOf(component),
 		changed = false;
-		
+
 		if(added){
 			if(index === -1){
 				listener.push(component);
@@ -140,6 +155,10 @@ export default class InteractionManager extends CoreFeature {
 				}
 			}
 		}
+
+		if((key === "mouseenter" || key === "mouseleave") && !this.pseudoTracking){
+			this.bindPseudoEvents();
+		}
 		
 		if(changed){
 			this.updateEventListeners();
@@ -173,7 +192,7 @@ export default class InteractionManager extends CoreFeature {
 
 		this.triggerEvents(type, e, targets);
 
-		if((type == "mouseover" || type == "mouseleave") && !Object.keys(targets).length){
+		if(this.pseudoTracking && (type == "mouseover" || type == "mouseleave") && !Object.keys(targets).length){
 			this.pseudoMouseLeave("none", e);
 		}
 	}

package/src/js/modules/Edit/Edit.js

@@ -405,20 +405,23 @@ class Edit extends Module{
 
 		this.invalidEdit = false;
 
+		console.log("clear", cancel, cell, cell.validate)
+
 		if(cell){
 			this.currentCell = false;
 
 			cellEl = cell.getElement();
 
 			if(cancel){
-				if(cell.validate){
-					cell.validate();
+				if(cell.column.modules.validate && this.table.modExists("validate")){
+					this.table.modules.validate.cellValidate(cell);
 				}
 			}else{
 				cellEl.classList.remove("tabulator-validation-fail");
 			}
 
 			cellEl.classList.remove("tabulator-editing");
+
 			while(cellEl.firstChild) cellEl.removeChild(cellEl.firstChild);
 
 			cell.row.getElement().classList.remove("tabulator-row-editing");

package/src/js/modules/FrozenColumns/FrozenColumns.js

@@ -35,7 +35,7 @@ class FrozenColumns extends Module{
 		this.subscribe("cell-layout", this.layoutCell.bind(this));
 		this.subscribe("column-init", this.initializeColumn.bind(this));
 		this.subscribe("column-width", this.layout.bind(this));
-		this.subscribe("row-layout-before", this.layoutRow.bind(this));
+		this.subscribe("row-layout-after", this.layoutRow.bind(this));
 		this.subscribe("table-layout", this.layout.bind(this));
 		this.subscribe("scroll-horizontal", this.scrollHorizontal.bind(this));
 		this.subscribe("columns-loading", this.reset.bind(this));

package/src/js/modules/ResponsiveLayout/ResponsiveLayout.js

@@ -21,7 +21,7 @@ class ResponsiveLayout extends Module{
 		this.registerColumnOption("responsive");
 	}
 
-	//generate resposive columns list
+	//generate responsive columns list
 	initialize(){
 		var self = this,
 		columns = [];
@@ -60,7 +60,7 @@ class ResponsiveLayout extends Module{
 		this.collapseStartOpen = this.table.options.responsiveLayoutCollapseStartOpen;
 		this.hiddenColumns = [];
 
-		//detemine level of responsivity for each column
+		//determine level of responsivity for each column
 		this.table.columnManager.columnsByIndex.forEach(function(column, i){
 			if(column.modules.responsive){
 				if(column.modules.responsive.order && column.modules.responsive.visible){
@@ -142,10 +142,8 @@ class ResponsiveLayout extends Module{
 	updateColumnVisibility(column, responsiveToggle){
 		if(!responsiveToggle && column.modules.responsive){
 			column.modules.responsive.visible = column.visible;
-			this.initialize();
+			this.initializeResponsivity();
 		}
-
-		//this.update();
 	}
 
 	hideColumn(column){