tabulator-tables 5.2.6 → 5.3.1

package/src/js/core/tools/ModuleBinder.js

@@ -4,7 +4,7 @@ import TableRegistry from './TableRegistry.js';
 export default class ModuleBinder {
 	
 	constructor(tabulator, modules){
-		this.bindStaticFuctionality(tabulator);
+		this.bindStaticFunctionality(tabulator);
 		this.bindModules(tabulator, coreModules, true);
 		
 		if(modules){
@@ -12,7 +12,7 @@ export default class ModuleBinder {
 		}
 	}
 	
-	bindStaticFuctionality(tabulator){
+	bindStaticFunctionality(tabulator){
 		tabulator.moduleBindings = {};
 		
 		tabulator.extendModule = function(name, property, values){
@@ -41,9 +41,9 @@ export default class ModuleBinder {
 			}
 			
 			modules.forEach((mod) => {
-				tabulator.registerModuleBinding(mod)
+				tabulator.registerModuleBinding(mod);
 			});
-		}
+		};
 		
 		tabulator.registerModuleBinding = function(mod){
 			tabulator.moduleBindings[mod.moduleName] = mod;
@@ -52,7 +52,7 @@ export default class ModuleBinder {
 		tabulator.findTable = function(query){
 			var results = TableRegistry.lookupTable(query, true);
 			return Array.isArray(results) && !results.length ? false : results;
-		}
+		};
 		
 		//ensure that module are bound to instantiated function
 		tabulator.prototype.bindModules = function(){
@@ -88,7 +88,7 @@ export default class ModuleBinder {
 			orderedEndMods.sort((a, b) => a.moduleInitOrder > b.moduleInitOrder ? 1 : -1);
 			
 			this.modulesRegular = orderedStartMods.concat(unOrderedMods.concat(orderedEndMods));
-		}
+		};
 	}
 	
 	bindModules(tabulator, modules, core){

package/src/js/core/tools/OptionsList.js

@@ -2,7 +2,7 @@ export default class OptionsList {
 	constructor(table, msgType, defaults = {}){
 		this.table = table;
 		this.msgType = msgType;
-		this.registeredDefaults = Object.assign({}, defaults)
+		this.registeredDefaults = Object.assign({}, defaults);
 	}
 
 	register(option, value){
@@ -15,14 +15,14 @@ export default class OptionsList {
 		Object.assign(output, defaultOptions);
 
 		if(userOptions.debugInvalidOptions !== false || this.table.options.debugInvalidOptions){
-			for (var key in userOptions){
+			for (let key in userOptions){
 				if(!output.hasOwnProperty(key)){
-					console.warn("Invalid " + this.msgType + " option:", key)
+					console.warn("Invalid " + this.msgType + " option:", key);
 				}
 			}
 		}
 
-		for (var key in output){
+		for (let key in output){
 			if(key in userOptions){
 				output[key] = userOptions[key];
 			}else{

package/src/js/core/tools/Popup.js

@@ -2,256 +2,282 @@ import CoreFeature from '../CoreFeature.js';
 import Helpers from './Helpers.js';
 
 export default class Popup extends CoreFeature{
-    constructor(table, element, parent){
-        super(table);
+	constructor(table, element, parent){
+		super(table);
         
-        this.element = element;
-        this.container = this._lookupContainer();
+		this.element = element;
+		this.container = this._lookupContainer();
         
-        this.parent = parent;
+		this.parent = parent;
         
-        this.reversedX = false;
-        this.childPopup = null;
-        this.blurable = false;
-        this.blurCallback = null;
-        this.renderedCallback = null;
+		this.reversedX = false;
+		this.childPopup = null;
+		this.blurable = false;
+		this.blurCallback = null;
+		this.renderedCallback = null;
         
-        this.visible = false;
+		this.visible = false;
+		this.hideable = true;
         
-        this.element.classList.add("tabulator-popup-container");
+		this.element.classList.add("tabulator-popup-container");
         
-        this.blurEvent = this.hide.bind(this, false);
-        this.escEvent = this._escapeCheck.bind(this);
+		this.blurEvent = this.hide.bind(this, false);
+		this.escEvent = this._escapeCheck.bind(this);
 
-        this.destroyBinding = this.hide.bind(this, true);
-    }
+		this.destroyBinding = this.tableDestroyed;
+		this.destroyed = false;
+	}
+
+	tableDestroyed(){
+		this.destroyed = true;
+		this.hide(true);
+	}
     
-    _lookupContainer(){
-        var container = this.table.options.popupContainer;
+	_lookupContainer(){
+		var container = this.table.options.popupContainer;
         
-        if(typeof container === "string"){
-            container = document.querySelector(container);
+		if(typeof container === "string"){
+			container = document.querySelector(container);
             
-            if(!container){
-                console.warn("Menu Error - no container element found matching selector:",  this.table.options.popupContainer , "(defaulting to document body)");
-            }
-        }else if (container === true){
-            container = this.table.element;
-        }
+			if(!container){
+				console.warn("Menu Error - no container element found matching selector:",  this.table.options.popupContainer , "(defaulting to document body)");
+			}
+		}else if (container === true){
+			container = this.table.element;
+		}
         
-        if(container && !this._checkContainerIsParent(container)){
-            container = false;
-            console.warn("Menu Error - container element does not contain this table:",  this.table.options.popupContainer , "(defaulting to document body)");
-        }
+		if(container && !this._checkContainerIsParent(container)){
+			container = false;
+			console.warn("Menu Error - container element does not contain this table:",  this.table.options.popupContainer , "(defaulting to document body)");
+		}
         
-        if(!container){
-            container = document.body;
-        }
+		if(!container){
+			container = document.body;
+		}
         
-        return container;
-    }
+		return container;
+	}
     
-    _checkContainerIsParent(container, element = this.table.element){
-        if(container === element){
-            return true;
-        }else{
-            return element.parentNode ? this._checkContainerIsParent(container, element.parentNode) : false;
-        }
-    }
+	_checkContainerIsParent(container, element = this.table.element){
+		if(container === element){
+			return true;
+		}else{
+			return element.parentNode ? this._checkContainerIsParent(container, element.parentNode) : false;
+		}
+	}
     
-    renderCallback(callback){
-        this.renderedCallback = callback;
-    }
+	renderCallback(callback){
+		this.renderedCallback = callback;
+	}
     
-    containerEventCoords(e){
-        var touch = !(e instanceof MouseEvent);
+	containerEventCoords(e){
+		var touch = !(e instanceof MouseEvent);
         
-        var x = touch ? e.touches[0].pageX : e.pageX;
-        var y = touch ? e.touches[0].pageY : e.pageY;
+		var x = touch ? e.touches[0].pageX : e.pageX;
+		var y = touch ? e.touches[0].pageY : e.pageY;
         
-        if(this.container !== document.body){
-            let parentOffset = Helpers.elOffset(this.container);
+		if(this.container !== document.body){
+			let parentOffset = Helpers.elOffset(this.container);
             
-            x -= parentOffset.left;
-            y -= parentOffset.top;
-        }
+			x -= parentOffset.left;
+			y -= parentOffset.top;
+		}
         
-        return {x, y};
-    }
+		return {x, y};
+	}
     
-    elementPositionCoords(element, position = "right"){
-        var offset = Helpers.elOffset(element),
-        containerOffset, x, y;
+	elementPositionCoords(element, position = "right"){
+		var offset = Helpers.elOffset(element),
+		containerOffset, x, y;
         
-        if(this.container !== document.body){
-            containerOffset = Helpers.elOffset(this.container);
+		if(this.container !== document.body){
+			containerOffset = Helpers.elOffset(this.container);
             
-            offset.left -= containerOffset.left;
-            offset.top -= containerOffset.top;
-        }
+			offset.left -= containerOffset.left;
+			offset.top -= containerOffset.top;
+		}
         
-        switch(position){
-            case "right":
-            x = offset.left + element.offsetWidth;
-            y = offset.top - 1;
-            break;
+		switch(position){
+			case "right":
+				x = offset.left + element.offsetWidth;
+				y = offset.top - 1;
+				break;
             
-            case "bottom":
-            x = offset.left;
-            y = offset.top + element.offsetHeight;
-            break;
-        }
+			case "bottom":
+				x = offset.left;
+				y = offset.top + element.offsetHeight;
+				break;
+		}
         
-        return {x, y, offset};
-    }
+		return {x, y, offset};
+	}
     
-    show(origin, position){
-        var x, y, parentEl, parentOffset, containerOffset, coords;
+	show(origin, position){
+		var x, y, parentEl, parentOffset, coords;
+
+		if(this.destroyed || this.table.destroyed){
+			return this;
+		}
         
-        if(origin instanceof HTMLElement){
-            parentEl = origin;
-            coords = this.elementPositionCoords(origin, position);
+		if(origin instanceof HTMLElement){
+			parentEl = origin;
+			coords = this.elementPositionCoords(origin, position);
             
-            parentOffset = coords.offset;
-            x = coords.x;
-            y = coords.y;
+			parentOffset = coords.offset;
+			x = coords.x;
+			y = coords.y;
             
-        }else if(typeof origin === "number"){
-            parentOffset = {top:0, left:0};
-            x = origin;
-            y = position;
-        }else{
-            coords = this.containerEventCoords(origin);
+		}else if(typeof origin === "number"){
+			parentOffset = {top:0, left:0};
+			x = origin;
+			y = position;
+		}else{
+			coords = this.containerEventCoords(origin);
             
-            x = coords.x;
-            y = coords.y;
+			x = coords.x;
+			y = coords.y;
             
-            this.reversedX = false;
-        }
+			this.reversedX = false;
+		}
         
-        this.element.style.top = y + "px";
-        this.element.style.left = x + "px";
+		this.element.style.top = y + "px";
+		this.element.style.left = x + "px";
         
-        this.container.appendChild(this.element);
+		this.container.appendChild(this.element);
         
-        if(typeof this.renderedCallback === "function"){
-            this.renderedCallback();
-        }
+		if(typeof this.renderedCallback === "function"){
+			this.renderedCallback();
+		}
         
-        this._fitToScreen(x, y, parentEl, parentOffset, position);
+		this._fitToScreen(x, y, parentEl, parentOffset, position);
         
-        this.visible = true;
+		this.visible = true;
+
+		this.subscribe("table-destroy", this.destroyBinding);
 
-        this.subscribe("table-destroy", this.destroyBinding);
+		this.element.addEventListener("mousedown", (e) => {
+			e.stopPropagation();
+		});
         
-        return this;
-    }
+		return this;
+	}
     
-    _fitToScreen(x, y, parentEl, parentOffset, position){
-        var scrollTop = this.container === document.body ? document.documentElement.scrollTop : this.container.scrollTop;
+	_fitToScreen(x, y, parentEl, parentOffset, position){
+		var scrollTop = this.container === document.body ? document.documentElement.scrollTop : this.container.scrollTop;
 
-        //move menu to start on right edge if it is too close to the edge of the screen
-        if((x + this.element.offsetWidth) >= this.container.offsetWidth || this.reversedX){
-            this.element.style.left = "";
+		//move menu to start on right edge if it is too close to the edge of the screen
+		if((x + this.element.offsetWidth) >= this.container.offsetWidth || this.reversedX){
+			this.element.style.left = "";
             
-            if(parentEl){
-                this.element.style.right = (this.container.offsetWidth - parentOffset.left) + "px";
-            }else{
-                this.element.style.right = (this.container.offsetWidth - x) + "px";
-            }
+			if(parentEl){
+				this.element.style.right = (this.container.offsetWidth - parentOffset.left) + "px";
+			}else{
+				this.element.style.right = (this.container.offsetWidth - x) + "px";
+			}
             
-            this.reversedX = true;
-        }
+			this.reversedX = true;
+		}
 
-        //move menu to start on bottom edge if it is too close to the edge of the screen
-        if((y + this.element.offsetHeight) > Math.max(this.container.offsetHeight, scrollTop ? this.container.scrollHeight : 0)) {
-            if(parentEl){
-                switch(position){
-                    case "bottom":
-                    this.element.style.top = (parseInt(this.element.style.top) - this.element.offsetHeight - parentEl.offsetHeight - 1) + "px";
-                    break;
+		//move menu to start on bottom edge if it is too close to the edge of the screen
+		if((y + this.element.offsetHeight) > Math.max(this.container.offsetHeight, scrollTop ? this.container.scrollHeight : 0)) {
+			if(parentEl){
+				switch(position){
+					case "bottom":
+						this.element.style.top = (parseInt(this.element.style.top) - this.element.offsetHeight - parentEl.offsetHeight - 1) + "px";
+						break;
 
-                    default:
-                    this.element.style.top = (parseInt(this.element.style.top) - this.element.offsetHeight + parentEl.offsetHeight + 1) + "px";
-                }
+					default:
+						this.element.style.top = (parseInt(this.element.style.top) - this.element.offsetHeight + parentEl.offsetHeight + 1) + "px";
+				}
                 
-            }else{
-                this.element.style.top = (parseInt(this.element.style.top) - this.element.offsetHeight) + "px";
-            }
-        }
-    }
+			}else{
+				this.element.style.top = (parseInt(this.element.style.top) - this.element.offsetHeight) + "px";
+			}
+		}
+	}
     
-    isVisible(){
-        return this.visible;
-    }
+	isVisible(){
+		return this.visible;
+	}
     
-    hideOnBlur(callback){
-        this.blurable = true;
+	hideOnBlur(callback){
+		this.blurable = true;
         
-        if(this.visible){
-            setTimeout(() => {
-                this.table.rowManager.element.addEventListener("scroll", this.blurEvent);
-                this.subscribe("cell-editing", this.blurEvent);
-                document.body.addEventListener("click", this.blurEvent);
-                document.body.addEventListener("contextmenu", this.blurEvent);
-                window.addEventListener("resize", this.blurEvent);
-                document.body.addEventListener("keydown", this.escEvent);
-            }, 100);
+		if(this.visible){
+			setTimeout(() => {
+				this.table.rowManager.element.addEventListener("scroll", this.blurEvent);
+				this.subscribe("cell-editing", this.blurEvent);
+				document.body.addEventListener("click", this.blurEvent);
+				document.body.addEventListener("contextmenu", this.blurEvent);
+				document.body.addEventListener("mousedown", this.blurEvent);
+				window.addEventListener("resize", this.blurEvent);
+				document.body.addEventListener("keydown", this.escEvent);
+
+			}, 100);
             
-            this.blurCallback = callback;
-        }
+			this.blurCallback = callback;
+		}
         
-        return this;
-    }
+		return this;
+	}
     
-    _escapeCheck(e){
-        if(e.keyCode == 27){
-            this.hide();
-        }
-    }
+	_escapeCheck(e){
+		if(e.keyCode == 27){
+			this.hide();
+		}
+	}
+
+	blockHide(){
+		this.hideable = false;
+	}
+
+	restoreHide(){
+		this.hideable = true;
+	}
     
-    hide(silent = false){
-        if(this.visible){
-            if(this.blurable){
-                document.body.removeEventListener("keydown", this.escEvent);
-                document.body.removeEventListener("click", this.blurEvent);
-                document.body.removeEventListener("contextmenu", this.blurEvent);
-                window.removeEventListener("resize", this.blurEvent);
-                this.table.rowManager.element.removeEventListener("scroll", this.blurEvent);
-                this.unsubscribe("cell-editing", this.blurEvent);
-            }
+	hide(silent = false){
+		if(this.visible && this.hideable){
+			if(this.blurable){
+				document.body.removeEventListener("keydown", this.escEvent);
+				document.body.removeEventListener("click", this.blurEvent);
+				document.body.removeEventListener("contextmenu", this.blurEvent);
+				document.body.removeEventListener("mousedown", this.blurEvent);
+				window.removeEventListener("resize", this.blurEvent);
+				this.table.rowManager.element.removeEventListener("scroll", this.blurEvent);
+				this.unsubscribe("cell-editing", this.blurEvent);
+			}
             
-            if(this.childPopup){
-                this.childPopup.hide();
-            }
+			if(this.childPopup){
+				this.childPopup.hide();
+			}
             
-            if(this.parent){
-                this.parent.childPopup = null;
-            }
+			if(this.parent){
+				this.parent.childPopup = null;
+			}
             
-            if(this.element.parentNode){
-                this.element.parentNode.removeChild(this.element);
-            }
+			if(this.element.parentNode){
+				this.element.parentNode.removeChild(this.element);
+			}
 
-             this.visible = false;
+			this.visible = false;
 
-            if(this.blurCallback && !silent){
-                this.blurCallback();
-            }
+			if(this.blurCallback && !silent){
+				this.blurCallback();
+			}
 
-            this.unsubscribe("table-destroy", this.destroyBinding);
-        }
+			this.unsubscribe("table-destroy", this.destroyBinding);
+		}
         
-        return this;
-    }
+		return this;
+	}
     
-    child(element){
-        if(this.childPopup){
-            this.childPopup.hide();
-        }
+	child(element){
+		if(this.childPopup){
+			this.childPopup.hide();
+		}
         
-        this.childPopup = new Popup(this.table, element, this);
+		this.childPopup = new Popup(this.table, element, this);
         
-        return this.childPopup;
-    }
+		return this.childPopup;
+	}
 }

package/src/js/modules/Accessor/Accessor.js

@@ -1,14 +1,14 @@
 import Module from '../../core/Module.js';
 import Helpers from '../../core/tools/Helpers.js';
 
-import defautlAccessors from './defaults/accessors.js';
+import defaultAccessors from './defaults/accessors.js';
 
 class Accessor extends Module{
 
 	constructor(table){
 		super(table);
 
-		this.allowedTypes = ["", "data", "download", "clipboard", "print", "htmlOutput"] //list of accessor types
+		this.allowedTypes = ["", "data", "download", "clipboard", "print", "htmlOutput"]; //list of accessor types
 
 		this.registerColumnOption("accessor");
 		this.registerColumnOption("accessorParams");
@@ -47,7 +47,7 @@ class Accessor extends Module{
 					config[key] = {
 						accessor:accessor,
 						params: column.definition[key + "Params"] || {},
-					}
+					};
 				}
 			}
 		});
@@ -63,16 +63,16 @@ class Accessor extends Module{
 		//set column accessor
 		switch(typeof value){
 			case "string":
-			if(Accessor.accessors[value]){
-				accessor = Accessor.accessors[value]
-			}else{
-				console.warn("Accessor Error - No such accessor found, ignoring: ", value);
-			}
-			break;
+				if(Accessor.accessors[value]){
+					accessor = Accessor.accessors[value];
+				}else{
+					console.warn("Accessor Error - No such accessor found, ignoring: ", value);
+				}
+				break;
 
 			case "function":
-			accessor = value;
-			break;
+				accessor = value;
+				break;
 		}
 
 		return accessor;
@@ -87,7 +87,7 @@ class Accessor extends Module{
 		var data = Helpers.deepClone(row.data || {});
 
 		this.table.columnManager.traverse(function(column){
-			var value, accessor, params, colCompnent;
+			var value, accessor, params, colComponent;
 
 			if(column.modules.accessor){
 
@@ -97,9 +97,9 @@ class Accessor extends Module{
 					value = column.getFieldValue(data);
 
 					if(value != "undefined"){
-						colCompnent = column.getComponent();
-						params = typeof accessor.params === "function" ? accessor.params(value, data, type, colCompnent, rowComponent) : accessor.params;
-						column.setFieldValue(data, accessor.accessor(value, data, type, params, colCompnent, rowComponent));
+						colComponent = column.getComponent();
+						params = typeof accessor.params === "function" ? accessor.params(value, data, type, colComponent, rowComponent) : accessor.params;
+						column.setFieldValue(data, accessor.accessor(value, data, type, params, colComponent, rowComponent));
 					}
 				}
 			}
@@ -111,6 +111,6 @@ class Accessor extends Module{
 
 //load defaults
 Accessor.moduleName = "accessor";
-Accessor.accessors = defautlAccessors;
+Accessor.accessors = defaultAccessors;
 
 export default Accessor;

package/src/js/modules/Accessor/defaults/accessors.js

@@ -1 +1 @@
-export default {}
+export default {};

package/src/js/modules/Ajax/Ajax.js

@@ -95,7 +95,7 @@ class Ajax extends Module{
 	
 	//load config object
 	generateConfig(config = {}){
-		var ajaxConfig = Object.assign({}, this.config)
+		var ajaxConfig = Object.assign({}, this.config);
 		
 		if(typeof config == "string"){
 			ajaxConfig.method = config;
@@ -120,13 +120,13 @@ class Ajax extends Module{
 	sendRequest(url, params, config){
 		if(this.table.options.ajaxRequesting.call(this.table, url, params) !== false){
 			return this.loaderPromise(url, config, params)
-			.then((data)=>{
-				if(this.table.options.ajaxResponse){
-					data = this.table.options.ajaxResponse.call(this.table, url, params, data);
-				}
+				.then((data)=>{
+					if(this.table.options.ajaxResponse){
+						data = this.table.options.ajaxResponse.call(this.table, url, params, data);
+					}
 				
-				return data;
-			});
+					return data;
+				});
 		}else{
 			return Promise.reject();
 		}