tabulator-tables 5.2.5 → 5.3.0

package/src/js/modules/Sort/defaults/sorters/boolean.js

@@ -4,4 +4,4 @@ export default function(a, b, aRow, bRow, column, dir, params){
 	var el2 = b === true || b === "true" || b === "True" || b === 1 ? 1 : 0;
 
 	return el1 - el2;
-};
+}

package/src/js/modules/Sort/defaults/sorters/date.js

@@ -7,4 +7,4 @@ export default function(a, b, aRow, bRow, column, dir, params){
 	}
 
 	return datetime.call(this, a, b, aRow, bRow, column, dir, params);
-};
+}

package/src/js/modules/Sort/defaults/sorters/datetime.js

@@ -6,20 +6,20 @@ export default function(a, b, aRow, bRow, column, dir, params){
 	emptyAlign = 0;
 
 	if(typeof DT != "undefined"){
-		if(DT.isDateTime(a)){
-			 a = a;
-		}else if(format === "iso"){
-			 a = DT.fromISO(String(a));
-		}else{
-			 a = DT.fromFormat(String(a), format);
+		if(!DT.isDateTime(a)){
+			if(format === "iso"){
+				a = DT.fromISO(String(a));
+			}else{
+				a = DT.fromFormat(String(a), format);
+			}
 		}
 
-		if(DT.isDateTime(b)){
-			 b = b;
-		}else if(format === "iso"){
-			 b = DT.fromISO(String(b));
-		}else{
-			 b = DT.fromFormat(String(b), format);
+		if(!DT.isDateTime(b)){
+			if(format === "iso"){
+				b = DT.fromISO(String(b));
+			}else{
+				b = DT.fromFormat(String(b), format);
+			}
 		}
 
 		if(!a.isValid){
@@ -41,4 +41,4 @@ export default function(a, b, aRow, bRow, column, dir, params){
 	}else{
 		console.error("Sort Error - 'datetime' sorter is dependant on luxon.js");
 	}
-};
+}

package/src/js/modules/Sort/defaults/sorters/exists.js

@@ -4,4 +4,4 @@ export default function(a, b, aRow, bRow, column, dir, params){
 	var el2 = typeof b == "undefined" ? 0 : 1;
 
 	return el1 - el2;
-};
+}

package/src/js/modules/Sort/defaults/sorters/number.js

@@ -37,4 +37,4 @@ export default function(a, b, aRow, bRow, column, dir, params){
 	}
 
 	return emptyAlign;
-};
+}

package/src/js/modules/Sort/defaults/sorters/string.js

@@ -13,13 +13,13 @@ export default function(a, b, aRow, bRow, column, dir, params){
 		//compare valid values
 		switch(typeof params.locale){
 			case "boolean":
-			if(params.locale){
-				locale = this.langLocale();
-			}
-			break;
+				if(params.locale){
+					locale = this.langLocale();
+				}
+				break;
 			case "string":
-			locale = params.locale;
-			break;
+				locale = params.locale;
+				break;
 		}
 
 		return String(a).toLowerCase().localeCompare(String(b).toLowerCase(), locale);
@@ -31,4 +31,4 @@ export default function(a, b, aRow, bRow, column, dir, params){
 	}
 
 	return emptyAlign;
-};
+}

package/src/js/modules/Sort/defaults/sorters/time.js

@@ -7,4 +7,4 @@ export default function(a, b, aRow, bRow, column, dir, params){
 	}
 
 	return datetime.call(this, a, b, aRow, bRow, column, dir, params);
-};
+}

package/src/js/modules/Tooltip/Tooltip.js

@@ -20,15 +20,13 @@ class Tooltip extends Module{
 	}
 	
 	initialize(){
-		this.deprecationCheck();
+		this.deprecatedOptionsCheck();
 		
 		this.subscribe("column-init", this.initializeColumn.bind(this));
 	}
 	
-	deprecationCheck(){
-		if(typeof this.table.options.tooltipGenerationMode !== "undefined"){
-			console.warn("Use of the tooltipGenerationMode option is now deprecated. This option is no longer needed as tooltips are always generated on hover now");
-		}
+	deprecatedOptionsCheck(){
+		this.deprecationCheckMsg("tooltipGenerationMode", "This option is no longer needed as tooltips are always generated on hover now");
 	}	
 	
 	initializeColumn(column){
@@ -104,10 +102,10 @@ class Tooltip extends Module{
 			contentsEl.innerHTML = tooltip;
 		}
 		
-		if(tooltip || tooltip === 0 || tooltip === "0" || tooltip === false){
+		if(tooltip || tooltip === 0 || tooltip === false){
 			contentsEl.classList.add("tabulator-tooltip");
 
-			contentsEl.addEventListener("mousemove", e => e.preventDefault())
+			contentsEl.addEventListener("mousemove", e => e.preventDefault());
 			
 			this.popupInstance = this.popup(contentsEl);
 			

package/src/js/modules/Validate/Validate.js

@@ -193,25 +193,22 @@ class Validate extends Module{
 		
 		switch(typeof value){
 			case "string":
-			pos = value.indexOf(':');
+				pos = value.indexOf(':');
 			
-			if(pos > -1){
-				type = value.substring(0,pos);
-				params = value.substring(pos+1);
-			}else{
-				type = value;
-			}
+				if(pos > -1){
+					type = value.substring(0,pos);
+					params = value.substring(pos+1);
+				}else{
+					type = value;
+				}
 			
-			return this._buildValidator(type, params);
-			break;
+				return this._buildValidator(type, params);
 			
 			case "function":
-			return this._buildValidator(value);
-			break;
+				return this._buildValidator(value);
 			
 			case "object":
-			return this._buildValidator(value.type, value.parameters);
-			break;
+				return this._buildValidator(value.type, value.parameters);
 		}
 	}
 	

package/src/js/modules/Validate/defaults/validators.js

@@ -4,8 +4,10 @@ export default {
 		if(value === "" || value === null || typeof value === "undefined"){
 			return true;
 		}
+
 		value = Number(value);
-		return typeof value === 'number' && isFinite(value) && Math.floor(value) === value;
+
+		return !isNaN(value) && isFinite(value) && Math.floor(value) === value;
 	},
 
 	//is float
@@ -13,8 +15,10 @@ export default {
 		if(value === "" || value === null || typeof value === "undefined"){
 			return true;
 		}
+		
 		value = Number(value);
-		return typeof value === 'number' && isFinite(value) && value % 1 !== 0;
+
+		return !isNaN(value) && isFinite(value) && value % 1 !== 0;
 	},
 
 	//must be a number
@@ -87,11 +91,12 @@ export default {
 		if(value === "" || value === null || typeof value === "undefined"){
 			return true;
 		}
+
 		if(typeof parameters == "string"){
 			parameters = parameters.split("|");
 		}
 
-		return value === "" || parameters.indexOf(value) > -1;
+		return parameters.indexOf(value) > -1;
 	},
 
 	//must match provided regex

package/src/scss/tabulator.scss

@@ -4,18 +4,18 @@ $backgroundColor: #888 !default; //background color of tabulator
 $borderColor:#999 !default; //border to tabulator
 $textSize:14px !default; //table text size
 
-//header themeing
+//header theming
 $headerBackgroundColor:#e6e6e6 !default; //border to tabulator
-$headerTextColor:#555 !default; //header text colour
+$headerTextColor:#555 !default; //header text color
 $headerBorderColor:#aaa !default;  //header border color
-$headerSeperatorColor:#999 !default; //header bottom seperator color
+$headerSeparatorColor:#999 !default; //header bottom separator color
 $headerMargin:4px !default; //padding round header
 
 //column header arrows
 $sortArrowActive: #666 !default;
 $sortArrowInactive: #bbb !default;
 
-//row themeing
+//row theming
 $rowBackgroundColor:#fff !default; //table row background color
 $rowAltBackgroundColor:#EFEFEF !default; //table row background color
 $rowBorderColor:#aaa !default; //table border color
@@ -28,11 +28,11 @@ $rowSelectedBackgroundHover: #769BCC !default;//row background color when select
 $editBoxColor:#1D68CD !default; //border color for edit boxes
 $errorColor:#dd0000 !default; //error indication
 
-//footer themeing
+//footer theming
 $footerBackgroundColor:#e6e6e6 !default; //border to tabulator
-$footerTextColor:#555 !default; //footer text colour
+$footerTextColor:#555 !default; //footer text color
 $footerBorderColor:#aaa !default; //footer border color
-$footerSeperatorColor:#999 !default; //footer bottom seperator color
+$footerSeparatorColor:#999 !default; //footer bottom separator color
 $footerActiveColor:#d00 !default; //footer bottom active text color
 
 
@@ -49,11 +49,11 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 	text-align: left;
 	overflow:hidden;
 	
-	-webkit-transform: translatez(0);
-	-moz-transform: translatez(0);
-	-ms-transform: translatez(0);
-	-o-transform: translatez(0);
-	transform: translatez(0);
+	-webkit-transform: translateZ(0);
+	-moz-transform: translateZ(0);
+	-ms-transform: translateZ(0);
+	-o-transform: translateZ(0);
+	transform: translateZ(0);
 	
 	&[tabulator-layout="fitDataFill"]{
 		.tabulator-tableholder{
@@ -78,7 +78,7 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 		
 		width:100%;
 		
-		border-bottom:1px solid $headerSeperatorColor;
+		border-bottom:1px solid $headerSeparatorColor;
 		background-color: $headerBackgroundColor;
 		color: $headerTextColor;
 		font-weight:bold;
@@ -97,18 +97,23 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 		
 		//individual column header element
 		.tabulator-col{
-			display:inline-block;
+			display:inline-flex;
 			position:relative;
 			box-sizing:border-box;
+
+			flex-direction: column;
+			justify-content: flex-start;
+
 			border-right:1px solid $headerBorderColor;
 			background:$headerBackgroundColor;
+
 			text-align:left;
 			vertical-align: bottom;
 			overflow: hidden;
 			
 			&.tabulator-moving{
 				position: absolute;
-				border:1px solid $headerSeperatorColor;
+				border:1px solid $headerSeparatorColor;
 				background:darken($headerBackgroundColor, 10%);
 				pointer-events: none;
 			}
@@ -244,7 +249,7 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 					}
 				}
 				
-				&[aria-sort="asc"]{
+				&[aria-sort="ascending"]{
 					.tabulator-col-content .tabulator-col-sorter{
 						color: $sortArrowActive;
 						
@@ -256,7 +261,7 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 					}
 				}
 				
-				&[aria-sort="desc"]{
+				&[aria-sort="descending"]{
 					.tabulator-col-content .tabulator-col-sorter{
 						color: $sortArrowActive;
 						
@@ -314,7 +319,6 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 		}
 		
 		.tabulator-frozen{
-			display: inline-block;
 			position: absolute;
 			
 			// background-color: inherit;
@@ -429,7 +433,7 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 	
 	//footer element
 	.tabulator-footer{
-		border-top:1px solid $footerSeperatorColor;
+		border-top:1px solid $footerSeparatorColor;
 		background-color: $footerBackgroundColor;
 		
 		color: $footerTextColor;
@@ -1201,6 +1205,13 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 			}
 		}
 	}
+
+	.tabulator-footer {
+		.tabulator-calcs-holder{
+			text-align: initial;
+		}
+
+	}
 	
 }
 

package/src/scss/themes/bootstrap/functions4.scss

@@ -1,6 +1,6 @@
 // Bootstrap functions
 //
-// Utility mixins and functions for evalutating source code across our variables, maps, and mixins.
+// Utility mixins and functions for evaluating source code across our variables, maps, and mixins.
 
 // Ascending
 // Used to evaluate Sass maps like our grid breakpoints.

package/src/scss/themes/bootstrap/tabulator_bootstrap3.scss

@@ -7,9 +7,9 @@ $backgroundColor: $table-bg !default; //background color of tabulator
 $borderColor:$table-border-color !default; //border to tabulator
 $textSize:$font-size-base !default; //table text size
 
-//header themeing
+//header theming
 $headerBackgroundColor:#fff !default; //border to tabulator
-$headerSeperatorColor:$table-border-color !default; //header bottom seperator color
+$headerSeparatorColor:$table-border-color !default; //header bottom separator color
 
 $cellPadding:$table-cell-padding !default; //padding round header
 $cellPaddingCondensed:$table-condensed-cell-padding !default; //padding round header
@@ -18,7 +18,7 @@ $cellPaddingCondensed:$table-condensed-cell-padding !default; //padding round he
 $sortArrowActive: #666 !default;
 $sortArrowInactive: #bbb !default;
 
-//row themeing
+//row theming
 $rowBackgroundColor:$backgroundColor !default; //table row background color
 $rowAltBackgroundColor:$table-bg-accent !default; //table row background color
 $rowBorderColor:$table-border-color !default; //table border color
@@ -31,9 +31,9 @@ $rowSelectedBackgroundHover: #769BCC !default;//row background color when select
 $editBoxColor:#1D68CD !default; //border color for edit boxes
 $errorColor:#dd0000 !default; //error indication
 
-//footer themeing
+//footer theming
 $footerBorderColor:$table-border-color !default; //footer border color
-$footerSeperatorColor:$table-border-color !default; //footer bottom seperator color
+$footerSeparatorColor:$table-border-color !default; //footer bottom separator color
 $footerActiveColor:#d00 !default; //footer bottom active text color
 
 @import "../../tabulator.scss";
@@ -44,7 +44,7 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 	border:none;
 
 	.tabulator-header{
-		border-bottom:2px solid $headerSeperatorColor;
+		border-bottom:2px solid $headerSeparatorColor;
 		background-color: $headerBackgroundColor;
 		color:inherit;
 
@@ -65,7 +65,7 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 
 		.tabulator-calcs-holder{
 			width:100%;
-			border-bottom:1px solid $headerSeperatorColor;
+			border-bottom:1px solid $headerSeparatorColor;
 		}
 	}
 
@@ -82,7 +82,7 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 	}
 
 	.tabulator-footer{
-		border-top:2px solid $footerSeperatorColor;
+		border-top:2px solid $footerSeparatorColor;
 		background: inherit;
 
 		.tabulator-calcs-holder{

package/src/scss/themes/bootstrap/tabulator_bootstrap4.scss

@@ -8,9 +8,9 @@ $backgroundColor: $table-bg !default; //background color of tabulator
 $borderColor:$table-border-color !default; //border to tabulator
 $textSize:16px !default; //table text size
 
-//header themeing
+//header theming
 $headerBackgroundColor:#fff !default; //border to tabulator
-$headerSeperatorColor:$table-border-color !default; //header bottom seperator color
+$headerSeparatorColor:$table-border-color !default; //header bottom separator color
 
 $cellPadding:12px !default; //padding round header
 
@@ -18,7 +18,7 @@ $cellPadding:12px !default; //padding round header
 $sortArrowActive: #666 !default;
 $sortArrowInactive: #bbb !default;
 
-//row themeing
+//row theming
 $rowBackgroundColor:$backgroundColor !default; //table row background color
 $rowAltBackgroundColor: $table-accent-bg !default; //table row background color
 $rowBorderColor:$table-border-color !default; //table border color
@@ -31,9 +31,9 @@ $rowSelectedBackgroundHover: #769BCC !default;//row background color when select
 $editBoxColor:#1D68CD !default; //border color for edit boxes
 $errorColor:#dd0000 !default; //error indication
 
-//footer themeing
+//footer theming
 $footerBorderColor:$pagination-border-color !default; //footer border color
-$footerSeperatorColor:$table-border-color !default; //footer bottom seperator color
+$footerSeparatorColor:$table-border-color !default; //footer bottom separator color
 $footerActiveColor:$pagination-active-color !default; //footer bottom active text color
 
 $table-cell-padding-sm: 5px;
@@ -45,8 +45,8 @@ $table-cell-padding-sm: 5px;
 	border:none;
 
 	.tabulator-header{
-		border-top:1px solid $headerSeperatorColor;
-		border-bottom:2px solid $headerSeperatorColor;
+		border-top:1px solid $headerSeparatorColor;
+		border-bottom:2px solid $headerSeparatorColor;
 		color:inherit;
 
 		.tabulator-col{
@@ -96,7 +96,7 @@ $table-cell-padding-sm: 5px;
 
 		.tabulator-calcs-holder{
 			width:100%;
-			border-bottom:1px solid $headerSeperatorColor;
+			border-bottom:1px solid $headerSeparatorColor;
 		}
 	}
 

package/src/scss/themes/bootstrap/tabulator_bootstrap5.scss

@@ -8,10 +8,10 @@ $backgroundColor: $table-bg !default; //background color of tabulator
 $borderColor:$table-border-color !default; //border to tabulator
 $textSize:16px !default; //table text size
 
-//header themeing
+//header theming
 $headerBackgroundColor:$table-bg !default; //border to tabulator
 $headerForegroundColor:inherit !default; //border to tabulator
-$headerSeperatorColor:$table-border-color !default; //header bottom seperator color
+$headerSeparatorColor:$table-border-color !default; //header bottom separator color
 
 $cellPadding:12px !default; //padding round header
 
@@ -19,7 +19,7 @@ $cellPadding:12px !default; //padding round header
 $sortArrowActive: #666 !default;
 $sortArrowInactive: #bbb !default;
 
-//row themeing
+//row theming
 $rowBackgroundColor:$backgroundColor !default; //table row background color
 $rowAltBackgroundColor: $table-striped-bg !default; //table row background color
 $rowBorderColor:$table-border-color !default; //table border color
@@ -32,9 +32,9 @@ $rowSelectedBackgroundHover: #769BCC !default;//row background color when select
 $editBoxColor:#1D68CD !default; //border color for edit boxes
 $errorColor:#dd0000 !default; //error indication
 
-//footer themeing
+//footer theming
 $footerBorderColor:$pagination-border-color !default; //footer border color
-$footerSeperatorColor:$table-border-color !default; //footer bottom seperator color
+$footerSeparatorColor:$table-border-color !default; //footer bottom separator color
 $footerActiveColor:$pagination-active-color !default; //footer bottom active text color
 
 $table-cell-padding-sm: 5px;
@@ -46,8 +46,8 @@ $table-cell-padding-sm: 5px;
 	border:none;
 
 	.tabulator-header{
-		border-top:1px solid $headerSeperatorColor;
-		border-bottom:2px solid $headerSeperatorColor;
+		border-top:1px solid $headerSeparatorColor;
+		border-bottom:2px solid $headerSeparatorColor;
 		color:$headerForegroundColor;
 
 		.tabulator-col{
@@ -97,7 +97,7 @@ $table-cell-padding-sm: 5px;
 
 		.tabulator-calcs-holder{
 			width:100%;
-			border-bottom:1px solid $headerSeperatorColor;
+			border-bottom:1px solid $headerSeparatorColor;
 		}
 	}
 
@@ -166,29 +166,29 @@ $table-cell-padding-sm: 5px;
 
 	&.thead-dark{
 		.tabulator-header{
-			border-color: $table-border-color;
-			background-color: $table-bg;
+			border-color: $borderColor;
+			background-color: $backgroundColor;
 			color: $table-color;
 
 			.tabulator-col{
-				border-color: $table-border-color;
-				background-color: $table-bg;
+				border-color: $borderColor;
+				background-color: $backgroundColor;
 				color: $table-color;
 			}
 		}
 	}
 
 	&.table{
-		background-color: $table-bg;
+		background-color: $backgroundColor;
 
 		&:not(.thead-light) .tabulator-header{
-			border-color: $table-border-color;
-			background-color: $table-bg;
+			border-color: $borderColor;
+			background-color: $backgroundColor;
 			color: $table-color;
 
 			.tabulator-col{
-				border-color: $table-border-color;
-				background-color: $table-bg;
+				border-color: $borderColor;
+				background-color: $backgroundColor;
 				color: $table-color;
 			}
 		}
@@ -199,12 +199,12 @@ $table-cell-padding-sm: 5px;
 
 
 		.tabulator-row{
-			border-color: $table-border-color;
-			background-color: $table-bg;
+			border-color: $borderColor;
+			background-color: $backgroundColor;
 			color: $table-color;
 
 			&:hover{
-				background-color: $table-border-color;
+				background-color: $borderColor;
 
 				.tabulator-cell{
 					background-color: $table-hover-bg;
@@ -217,15 +217,15 @@ $table-cell-padding-sm: 5px;
 		}
 
 		.tabulator-footer{
-			border-color: $table-border-color !important;
+			border-color: $borderColor !important;
 
 			.tabulator-calcs-holder{
-				border-color: $table-border-color !important;
-				background:$table-bg !important;
+				border-color: $borderColor !important;
+				background:$backgroundColor !important;
 
 				.tabulator-row{
-					border-color: $table-border-color !important;
-					background-color: $table-bg !important;
+					border-color: $borderColor !important;
+					background-color: $backgroundColor !important;
 					color: $table-color !important;
 				}
 			}

package/src/scss/themes/bootstrap/variables5.scss

@@ -692,22 +692,22 @@ $table-cell-padding-x-sm:     .25rem !default;
 $table-cell-vertical-align:   top !default;
 
 $table-color:                 $body-color !default;
-$table-bg:                    transparent !default;
+$table-bg:                    #fff !default;
 $table-accent-bg:             transparent !default;
 
 $table-th-font-weight:        null !default;
 
 $table-striped-color:         $table-color !default;
 $table-striped-bg-factor:     .05 !default;
-$table-striped-bg:            rgba($black, $table-striped-bg-factor) !default;
+$table-striped-bg:            $gray-200 !default;
 
 $table-active-color:          $table-color !default;
 $table-active-bg-factor:      .1 !default;
-$table-active-bg:             rgba($black, $table-active-bg-factor) !default;
+$table-active-bg:             $gray-600 !default;
 
 $table-hover-color:           $table-color !default;
 $table-hover-bg-factor:       .075 !default;
-$table-hover-bg:              rgba($black, $table-hover-bg-factor) !default;
+$table-hover-bg:              $gray-400 !default;
 
 $table-border-factor:         .1 !default;
 $table-border-width:          $border-width !default;

package/src/scss/themes/bulma/tabulator_bulma.scss

@@ -7,18 +7,18 @@ $backgroundColor: $table-background-color !default; //background color of tabula
 // $borderColor:#999 !default; //border to tabulator
 $textSize:16px !default; //table text size
 
-//header themeing
+//header theming
 $headerBackgroundColor:$table-head-background-color !default; //border to tabulator
-$headerTextColor:$table-head-cell-color !default; //header text colour
+$headerTextColor:$table-head-cell-color !default; //header text color
 $headerBorderColor:#aaa !default;  //header border color
-$headerSeperatorColor:#999 !default; //header bottom seperator color
+$headerSeparatorColor:#999 !default; //header bottom separator color
 $headerMargin:4px !default; //padding round header
 
 //column header arrows
 $sortArrowActive: $headerTextColor !default;
 $sortArrowInactive: #bbb !default;
 
-//row themeing
+//row theming
 $rowBackgroundColor:$table-body-background-color !default; //table row background color
 $rowAltBackgroundColor:$table-striped-row-even-background-color !default; //table row background color
 $rowBorderColor:#aaa !default; //table border color
@@ -31,11 +31,11 @@ $rowSelectedBackground: $table-row-active-background-color !default; //row backg
 $editBoxColor:#1D68CD !default; //border color for edit boxes
 $errorColor:#dd0000 !default; //error indication
 
-//footer themeing
+//footer theming
 $footerBackgroundColor:$table-foot-background-color !default; //border to tabulator
-$footerTextColor:$table-foot-cell-color !default; //footer text colour
+$footerTextColor:$table-foot-cell-color !default; //footer text color
 $footerBorderColor:$grey-lighter !default; //footer border color
-// $footerSeperatorColor:#999 !default; //footer bottom seperator color
+// $footerSeparatorColor:#999 !default; //footer bottom separator color
 // $footerActiveColor:#d00 !default; //footer bottom active text color
 
 @import "../../tabulator.scss";