tabulator-tables 5.4.3 → 5.5.0

package/src/js/modules/Format/defaults/formatters/progress.js

@@ -1,133 +1,133 @@
-import CellComponent from '../../../../core/cell/CellComponent.js';
-
-export default function(cell, formatterParams = {}, onRendered){ //progress bar
-	var value = this.sanitizeHTML(cell.getValue()) || 0,
-	element = cell.getElement(),
-	max = formatterParams.max ? formatterParams.max : 100,
-	min = formatterParams.min ? formatterParams.min : 0,
-	legendAlign = formatterParams.legendAlign ? formatterParams.legendAlign : "center",
-	percent, percentValue, color, legend, legendColor;
-
-	//make sure value is in range
-	percentValue = parseFloat(value) <= max ? parseFloat(value) : max;
-	percentValue = parseFloat(percentValue) >= min ? parseFloat(percentValue) : min;
-
-	//workout percentage
-	percent = (max - min) / 100;
-	percentValue = Math.round((percentValue - min) / percent);
-
-	//set bar color
-	switch(typeof formatterParams.color){
-		case "string":
-			color = formatterParams.color;
-			break;
-		case "function":
-			color = formatterParams.color(value);
-			break;
-		case "object":
-			if(Array.isArray(formatterParams.color)){
-				let unit = 100 / formatterParams.color.length;
-				let index = Math.floor(percentValue / unit);
-
-				index = Math.min(index, formatterParams.color.length - 1);
-				index = Math.max(index, 0);
-				color = formatterParams.color[index];
-				break;
-			}
-		default:
-			color = "#2DC214";
-	}
-
-	//generate legend
-	switch(typeof formatterParams.legend){
-		case "string":
-			legend = formatterParams.legend;
-			break;
-		case "function":
-			legend = formatterParams.legend(value);
-			break;
-		case "boolean":
-			legend = value;
-			break;
-		default:
-			legend = false;
-	}
-
-	//set legend color
-	switch(typeof formatterParams.legendColor){
-		case "string":
-			legendColor = formatterParams.legendColor;
-			break;
-		case "function":
-			legendColor = formatterParams.legendColor(value);
-			break;
-		case "object":
-			if(Array.isArray(formatterParams.legendColor)){
-				let unit = 100 / formatterParams.legendColor.length;
-				let index = Math.floor(percentValue / unit);
-
-				index = Math.min(index, formatterParams.legendColor.length - 1);
-				index = Math.max(index, 0);
-				legendColor = formatterParams.legendColor[index];
-			}
-			break;
-		default:
-			legendColor = "#000";
-	}
-
-	element.style.minWidth = "30px";
-	element.style.position = "relative";
-
-	element.setAttribute("aria-label", percentValue);
-
-	var barEl = document.createElement("div");
-	barEl.style.display = "inline-block";
-	barEl.style.width = percentValue + "%";
-	barEl.style.backgroundColor = color;
-	barEl.style.height = "100%";
-
-	barEl.setAttribute('data-max', max);
-	barEl.setAttribute('data-min', min);
-
-	var barContainer = document.createElement("div");
-	barContainer.style.position = "relative";
-	barContainer.style.width = "100%";
-	barContainer.style.height = "100%";
-
-	if(legend){
-		var legendEl = document.createElement("div");
-		legendEl.style.position = "absolute";
-		legendEl.style.top = 0;
-		legendEl.style.left = 0;
-		legendEl.style.textAlign = legendAlign;
-		legendEl.style.width = "100%";
-		legendEl.style.color = legendColor;
-		legendEl.innerHTML = legend;
-	}
-
-	onRendered(function(){
-
-		//handle custom element needed if formatter is to be included in printed/downloaded output
-		if(!(cell instanceof CellComponent)){
-			var holderEl = document.createElement("div");
-			holderEl.style.position = "absolute";
-			holderEl.style.top = "4px";
-			holderEl.style.bottom = "4px";
-			holderEl.style.left = "4px";
-			holderEl.style.right = "4px";
-
-			element.appendChild(holderEl);
-
-			element = holderEl;
-		}
-
-		element.appendChild(barContainer);
-		barContainer.appendChild(barEl);
-
-		if(legend){
-			barContainer.appendChild(legendEl);
-		}
-	});
-
-	return "";
+import CellComponent from '../../../../core/cell/CellComponent.js';
+
+export default function(cell, formatterParams = {}, onRendered){ //progress bar
+	var value = this.sanitizeHTML(cell.getValue()) || 0,
+	element = cell.getElement(),
+	max = formatterParams.max ? formatterParams.max : 100,
+	min = formatterParams.min ? formatterParams.min : 0,
+	legendAlign = formatterParams.legendAlign ? formatterParams.legendAlign : "center",
+	percent, percentValue, color, legend, legendColor;
+
+	//make sure value is in range
+	percentValue = parseFloat(value) <= max ? parseFloat(value) : max;
+	percentValue = parseFloat(percentValue) >= min ? parseFloat(percentValue) : min;
+
+	//workout percentage
+	percent = (max - min) / 100;
+	percentValue = Math.round((percentValue - min) / percent);
+
+	//set bar color
+	switch(typeof formatterParams.color){
+		case "string":
+			color = formatterParams.color;
+			break;
+		case "function":
+			color = formatterParams.color(value);
+			break;
+		case "object":
+			if(Array.isArray(formatterParams.color)){
+				let unit = 100 / formatterParams.color.length;
+				let index = Math.floor(percentValue / unit);
+
+				index = Math.min(index, formatterParams.color.length - 1);
+				index = Math.max(index, 0);
+				color = formatterParams.color[index];
+				break;
+			}
+		default:
+			color = "#2DC214";
+	}
+
+	//generate legend
+	switch(typeof formatterParams.legend){
+		case "string":
+			legend = formatterParams.legend;
+			break;
+		case "function":
+			legend = formatterParams.legend(value);
+			break;
+		case "boolean":
+			legend = value;
+			break;
+		default:
+			legend = false;
+	}
+
+	//set legend color
+	switch(typeof formatterParams.legendColor){
+		case "string":
+			legendColor = formatterParams.legendColor;
+			break;
+		case "function":
+			legendColor = formatterParams.legendColor(value);
+			break;
+		case "object":
+			if(Array.isArray(formatterParams.legendColor)){
+				let unit = 100 / formatterParams.legendColor.length;
+				let index = Math.floor(percentValue / unit);
+
+				index = Math.min(index, formatterParams.legendColor.length - 1);
+				index = Math.max(index, 0);
+				legendColor = formatterParams.legendColor[index];
+			}
+			break;
+		default:
+			legendColor = "#000";
+	}
+
+	element.style.minWidth = "30px";
+	element.style.position = "relative";
+
+	element.setAttribute("aria-label", percentValue);
+
+	var barEl = document.createElement("div");
+	barEl.style.display = "inline-block";
+	barEl.style.width = percentValue + "%";
+	barEl.style.backgroundColor = color;
+	barEl.style.height = "100%";
+
+	barEl.setAttribute('data-max', max);
+	barEl.setAttribute('data-min', min);
+
+	var barContainer = document.createElement("div");
+	barContainer.style.position = "relative";
+	barContainer.style.width = "100%";
+	barContainer.style.height = "100%";
+
+	if(legend){
+		var legendEl = document.createElement("div");
+		legendEl.style.position = "absolute";
+		legendEl.style.top = 0;
+		legendEl.style.left = 0;
+		legendEl.style.textAlign = legendAlign;
+		legendEl.style.width = "100%";
+		legendEl.style.color = legendColor;
+		legendEl.innerHTML = legend;
+	}
+
+	onRendered(function(){
+
+		//handle custom element needed if formatter is to be included in printed/downloaded output
+		if(!(cell instanceof CellComponent)){
+			var holderEl = document.createElement("div");
+			holderEl.style.position = "absolute";
+			holderEl.style.top = "4px";
+			holderEl.style.bottom = "4px";
+			holderEl.style.left = "4px";
+			holderEl.style.right = "4px";
+
+			element.appendChild(holderEl);
+
+			element = holderEl;
+		}
+
+		element.appendChild(barContainer);
+		barContainer.appendChild(barEl);
+
+		if(legend){
+			barContainer.appendChild(legendEl);
+		}
+	});
+
+	return "";
 }

package/src/js/modules/Format/defaults/formatters/responsiveCollapse.js

@@ -1,44 +1,44 @@
-export default function(cell, formatterParams, onRendered){
-	var el = document.createElement("div"),
-	config = cell.getRow()._row.modules.responsiveLayout;
-
-	el.classList.add("tabulator-responsive-collapse-toggle");
-	
-	el.innerHTML = `<svg class='tabulator-responsive-collapse-toggle-open' viewbox="0 0 24 24">
-  <line x1="7" y1="12" x2="17" y2="12" fill="none" stroke-width="3" stroke-linecap="round" />
-  <line y1="7" x1="12" y2="17" x2="12" fill="none" stroke-width="3" stroke-linecap="round" />
-</svg>
-
-<svg class='tabulator-responsive-collapse-toggle-close' viewbox="0 0 24 24">
-  <line x1="7" y1="12" x2="17" y2="12"  fill="none" stroke-width="3" stroke-linecap="round" />
-</svg>`;
-
-	cell.getElement().classList.add("tabulator-row-handle");
-
-	function toggleList(isOpen){
-		var collapseEl = config.element;
-
-		config.open = isOpen;
-
-		if(collapseEl){
-
-			if(config.open){
-				el.classList.add("open");
-				collapseEl.style.display = '';
-			}else{
-				el.classList.remove("open");
-				collapseEl.style.display = 'none';
-			}
-		}
-	}
-
-	el.addEventListener("click", function(e){
-		e.stopImmediatePropagation();
-		toggleList(!config.open);
-		cell.getTable().rowManager.adjustTableSize();
-	});
-
-	toggleList(config.open);
-
-	return el;
+export default function(cell, formatterParams, onRendered){
+	var el = document.createElement("div"),
+	config = cell.getRow()._row.modules.responsiveLayout;
+
+	el.classList.add("tabulator-responsive-collapse-toggle");
+	
+	el.innerHTML = `<svg class='tabulator-responsive-collapse-toggle-open' viewbox="0 0 24 24">
+  <line x1="7" y1="12" x2="17" y2="12" fill="none" stroke-width="3" stroke-linecap="round" />
+  <line y1="7" x1="12" y2="17" x2="12" fill="none" stroke-width="3" stroke-linecap="round" />
+</svg>
+
+<svg class='tabulator-responsive-collapse-toggle-close' viewbox="0 0 24 24">
+  <line x1="7" y1="12" x2="17" y2="12"  fill="none" stroke-width="3" stroke-linecap="round" />
+</svg>`;
+
+	cell.getElement().classList.add("tabulator-row-handle");
+
+	function toggleList(isOpen){
+		var collapseEl = config.element;
+
+		config.open = isOpen;
+
+		if(collapseEl){
+
+			if(config.open){
+				el.classList.add("open");
+				collapseEl.style.display = '';
+			}else{
+				el.classList.remove("open");
+				collapseEl.style.display = 'none';
+			}
+		}
+	}
+
+	el.addEventListener("click", function(e){
+		e.stopImmediatePropagation();
+		toggleList(!config.open);
+		cell.getTable().rowManager.adjustTableSize();
+	});
+
+	toggleList(config.open);
+
+	return el;
 }

package/src/js/modules/Format/defaults/formatters/rowSelection.js

@@ -1,60 +1,60 @@
-import RowComponent from '../../../../core/row/RowComponent.js';
-
-export default function(cell, formatterParams, onRendered){
-	var checkbox = document.createElement("input");
-	var blocked = false;
-
-	checkbox.type = 'checkbox';
-
-	checkbox.setAttribute("aria-label", "Select Row");
-	
-	if(this.table.modExists("selectRow", true)){
-
-		checkbox.addEventListener("click", (e) => {
-			e.stopPropagation();
-		});
-
-		if(typeof cell.getRow == 'function'){
-			var row = cell.getRow();
-
-			if(row instanceof RowComponent){
-
-				checkbox.addEventListener("change", (e) => {
-					if(this.table.options.selectableRangeMode === "click"){
-						if(!blocked){
-							row.toggleSelect();
-						}else{
-							blocked = false;
-						}
-					}else{
-						row.toggleSelect();
-					}
-				});
-
-				if(this.table.options.selectableRangeMode === "click"){
-					checkbox.addEventListener("click", (e) => {
-						blocked = true;
-						this.table.modules.selectRow.handleComplexRowClick(row._row, e);
-					});
-				}
-
-				checkbox.checked = row.isSelected && row.isSelected();
-				this.table.modules.selectRow.registerRowSelectCheckbox(row, checkbox);
-			}else{
-				checkbox = "";
-			}
-		}else {
-			checkbox.addEventListener("change", (e) => {
-				if(this.table.modules.selectRow.selectedRows.length){
-					this.table.deselectRow();
-				}else {
-					this.table.selectRow(formatterParams.rowRange);
-				}
-			});
-
-			this.table.modules.selectRow.registerHeaderSelectCheckbox(checkbox);
-		}
-	}
-
-	return checkbox;
+import RowComponent from '../../../../core/row/RowComponent.js';
+
+export default function(cell, formatterParams, onRendered){
+	var checkbox = document.createElement("input");
+	var blocked = false;
+
+	checkbox.type = 'checkbox';
+
+	checkbox.setAttribute("aria-label", "Select Row");
+	
+	if(this.table.modExists("selectRow", true)){
+
+		checkbox.addEventListener("click", (e) => {
+			e.stopPropagation();
+		});
+
+		if(typeof cell.getRow == 'function'){
+			var row = cell.getRow();
+
+			if(row instanceof RowComponent){
+
+				checkbox.addEventListener("change", (e) => {
+					if(this.table.options.selectableRangeMode === "click"){
+						if(!blocked){
+							row.toggleSelect();
+						}else{
+							blocked = false;
+						}
+					}else{
+						row.toggleSelect();
+					}
+				});
+
+				if(this.table.options.selectableRangeMode === "click"){
+					checkbox.addEventListener("click", (e) => {
+						blocked = true;
+						this.table.modules.selectRow.handleComplexRowClick(row._row, e);
+					});
+				}
+
+				checkbox.checked = row.isSelected && row.isSelected();
+				this.table.modules.selectRow.registerRowSelectCheckbox(row, checkbox);
+			}else{
+				checkbox = "";
+			}
+		}else {
+			checkbox.addEventListener("change", (e) => {
+				if(this.table.modules.selectRow.selectedRows.length){
+					this.table.deselectRow();
+				}else {
+					this.table.selectRow(formatterParams.rowRange);
+				}
+			});
+
+			this.table.modules.selectRow.registerHeaderSelectCheckbox(checkbox);
+		}
+	}
+
+	return checkbox;
 }

package/src/js/modules/Format/defaults/formatters/rownum.js

@@ -1,10 +1,10 @@
-export default function(cell, formatterParams, onRendered){
-	var content = document.createElement("span");
-	var row = cell.getRow();
-
-	row.watchPosition((position) => {
-		content.innerText = position;
-	});
-	
-	return content;
+export default function(cell, formatterParams, onRendered){
+	var content = document.createElement("span");
+	var row = cell.getRow();
+
+	row.watchPosition((position) => {
+		content.innerText = position;
+	});
+	
+	return content;
 }

package/src/js/modules/Format/defaults/formatters/star.js

@@ -1,38 +1,38 @@
-export default function(cell, formatterParams, onRendered){
-	var value = cell.getValue(),
-	element = cell.getElement(),
-	maxStars = formatterParams && formatterParams.stars ? formatterParams.stars : 5,
-	stars = document.createElement("span"),
-	star = document.createElementNS('http://www.w3.org/2000/svg', "svg"),
-	starActive = '<polygon fill="#FFEA00" stroke="#C1AB60" stroke-width="37.6152" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="259.216,29.942 330.27,173.919 489.16,197.007 374.185,309.08 401.33,467.31 259.216,392.612 117.104,467.31 144.25,309.08 29.274,197.007 188.165,173.919 "/>',
-	starInactive = '<polygon fill="#D2D2D2" stroke="#686868" stroke-width="37.6152" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="259.216,29.942 330.27,173.919 489.16,197.007 374.185,309.08 401.33,467.31 259.216,392.612 117.104,467.31 144.25,309.08 29.274,197.007 188.165,173.919 "/>';
-
-	//style stars holder
-	stars.style.verticalAlign = "middle";
-
-	//style star
-	star.setAttribute("width", "14");
-	star.setAttribute("height", "14");
-	star.setAttribute("viewBox", "0 0 512 512");
-	star.setAttribute("xml:space", "preserve");
-	star.style.padding = "0 1px";
-
-	value = value && !isNaN(value) ? parseInt(value) : 0;
-
-	value = Math.max(0, Math.min(value, maxStars));
-
-	for(var i=1;i<= maxStars;i++){
-		var nextStar = star.cloneNode(true);
-		nextStar.innerHTML = i <= value ? starActive : starInactive;
-
-		stars.appendChild(nextStar);
-	}
-
-	element.style.whiteSpace = "nowrap";
-	element.style.overflow = "hidden";
-	element.style.textOverflow = "ellipsis";
-
-	element.setAttribute("aria-label", value);
-
-	return stars;
+export default function(cell, formatterParams, onRendered){
+	var value = cell.getValue(),
+	element = cell.getElement(),
+	maxStars = formatterParams && formatterParams.stars ? formatterParams.stars : 5,
+	stars = document.createElement("span"),
+	star = document.createElementNS('http://www.w3.org/2000/svg', "svg"),
+	starActive = '<polygon fill="#FFEA00" stroke="#C1AB60" stroke-width="37.6152" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="259.216,29.942 330.27,173.919 489.16,197.007 374.185,309.08 401.33,467.31 259.216,392.612 117.104,467.31 144.25,309.08 29.274,197.007 188.165,173.919 "/>',
+	starInactive = '<polygon fill="#D2D2D2" stroke="#686868" stroke-width="37.6152" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="259.216,29.942 330.27,173.919 489.16,197.007 374.185,309.08 401.33,467.31 259.216,392.612 117.104,467.31 144.25,309.08 29.274,197.007 188.165,173.919 "/>';
+
+	//style stars holder
+	stars.style.verticalAlign = "middle";
+
+	//style star
+	star.setAttribute("width", "14");
+	star.setAttribute("height", "14");
+	star.setAttribute("viewBox", "0 0 512 512");
+	star.setAttribute("xml:space", "preserve");
+	star.style.padding = "0 1px";
+
+	value = value && !isNaN(value) ? parseInt(value) : 0;
+
+	value = Math.max(0, Math.min(value, maxStars));
+
+	for(var i=1;i<= maxStars;i++){
+		var nextStar = star.cloneNode(true);
+		nextStar.innerHTML = i <= value ? starActive : starInactive;
+
+		stars.appendChild(nextStar);
+	}
+
+	element.style.whiteSpace = "nowrap";
+	element.style.overflow = "hidden";
+	element.style.textOverflow = "ellipsis";
+
+	element.setAttribute("aria-label", value);
+
+	return stars;
 }

package/src/js/modules/Format/defaults/formatters/textarea.js

@@ -1,4 +1,4 @@
-export default function(cell, formatterParams, onRendered){
-	cell.getElement().style.whiteSpace = "pre-wrap";
-	return this.emptyToSpace(this.sanitizeHTML(cell.getValue()));
+export default function(cell, formatterParams, onRendered){
+	cell.getElement().style.whiteSpace = "pre-wrap";
+	return this.emptyToSpace(this.sanitizeHTML(cell.getValue()));
 }

package/src/js/modules/Format/defaults/formatters/tickCross.js

@@ -1,22 +1,22 @@
-export default function(cell, formatterParams, onRendered){
-	var value = cell.getValue(),
-	element = cell.getElement(),
-	empty = formatterParams.allowEmpty,
-	truthy = formatterParams.allowTruthy,
-	trueValueSet = Object.keys(formatterParams).includes("trueValue"),
-	tick = typeof formatterParams.tickElement !== "undefined" ? formatterParams.tickElement : '<svg enable-background="new 0 0 24 24" height="14" width="14" viewBox="0 0 24 24" xml:space="preserve" ><path fill="#2DC214" clip-rule="evenodd" d="M21.652,3.211c-0.293-0.295-0.77-0.295-1.061,0L9.41,14.34  c-0.293,0.297-0.771,0.297-1.062,0L3.449,9.351C3.304,9.203,3.114,9.13,2.923,9.129C2.73,9.128,2.534,9.201,2.387,9.351  l-2.165,1.946C0.078,11.445,0,11.63,0,11.823c0,0.194,0.078,0.397,0.223,0.544l4.94,5.184c0.292,0.296,0.771,0.776,1.062,1.07  l2.124,2.141c0.292,0.293,0.769,0.293,1.062,0l14.366-14.34c0.293-0.294,0.293-0.777,0-1.071L21.652,3.211z" fill-rule="evenodd"/></svg>',
-	cross = typeof formatterParams.crossElement !== "undefined" ? formatterParams.crossElement : '<svg enable-background="new 0 0 24 24" height="14" width="14"  viewBox="0 0 24 24" xml:space="preserve" ><path fill="#CE1515" d="M22.245,4.015c0.313,0.313,0.313,0.826,0,1.139l-6.276,6.27c-0.313,0.312-0.313,0.826,0,1.14l6.273,6.272  c0.313,0.313,0.313,0.826,0,1.14l-2.285,2.277c-0.314,0.312-0.828,0.312-1.142,0l-6.271-6.271c-0.313-0.313-0.828-0.313-1.141,0  l-6.276,6.267c-0.313,0.313-0.828,0.313-1.141,0l-2.282-2.28c-0.313-0.313-0.313-0.826,0-1.14l6.278-6.269  c0.313-0.312,0.313-0.826,0-1.14L1.709,5.147c-0.314-0.313-0.314-0.827,0-1.14l2.284-2.278C4.308,1.417,4.821,1.417,5.135,1.73  L11.405,8c0.314,0.314,0.828,0.314,1.141,0.001l6.276-6.267c0.312-0.312,0.826-0.312,1.141,0L22.245,4.015z"/></svg>';
-
-	if((trueValueSet && value === formatterParams.trueValue) || (!trueValueSet && ((truthy && value) || (value === true || value === "true" || value === "True" || value === 1 || value === "1")))){
-		element.setAttribute("aria-checked", true);
-		return tick || "";
-	}else{
-		if(empty && (value === "null" || value === "" || value === null || typeof value === "undefined")){
-			element.setAttribute("aria-checked", "mixed");
-			return "";
-		}else{
-			element.setAttribute("aria-checked", false);
-			return cross || "";
-		}
-	}
+export default function(cell, formatterParams, onRendered){
+	var value = cell.getValue(),
+	element = cell.getElement(),
+	empty = formatterParams.allowEmpty,
+	truthy = formatterParams.allowTruthy,
+	trueValueSet = Object.keys(formatterParams).includes("trueValue"),
+	tick = typeof formatterParams.tickElement !== "undefined" ? formatterParams.tickElement : '<svg enable-background="new 0 0 24 24" height="14" width="14" viewBox="0 0 24 24" xml:space="preserve" ><path fill="#2DC214" clip-rule="evenodd" d="M21.652,3.211c-0.293-0.295-0.77-0.295-1.061,0L9.41,14.34  c-0.293,0.297-0.771,0.297-1.062,0L3.449,9.351C3.304,9.203,3.114,9.13,2.923,9.129C2.73,9.128,2.534,9.201,2.387,9.351  l-2.165,1.946C0.078,11.445,0,11.63,0,11.823c0,0.194,0.078,0.397,0.223,0.544l4.94,5.184c0.292,0.296,0.771,0.776,1.062,1.07  l2.124,2.141c0.292,0.293,0.769,0.293,1.062,0l14.366-14.34c0.293-0.294,0.293-0.777,0-1.071L21.652,3.211z" fill-rule="evenodd"/></svg>',
+	cross = typeof formatterParams.crossElement !== "undefined" ? formatterParams.crossElement : '<svg enable-background="new 0 0 24 24" height="14" width="14"  viewBox="0 0 24 24" xml:space="preserve" ><path fill="#CE1515" d="M22.245,4.015c0.313,0.313,0.313,0.826,0,1.139l-6.276,6.27c-0.313,0.312-0.313,0.826,0,1.14l6.273,6.272  c0.313,0.313,0.313,0.826,0,1.14l-2.285,2.277c-0.314,0.312-0.828,0.312-1.142,0l-6.271-6.271c-0.313-0.313-0.828-0.313-1.141,0  l-6.276,6.267c-0.313,0.313-0.828,0.313-1.141,0l-2.282-2.28c-0.313-0.313-0.313-0.826,0-1.14l6.278-6.269  c0.313-0.312,0.313-0.826,0-1.14L1.709,5.147c-0.314-0.313-0.314-0.827,0-1.14l2.284-2.278C4.308,1.417,4.821,1.417,5.135,1.73  L11.405,8c0.314,0.314,0.828,0.314,1.141,0.001l6.276-6.267c0.312-0.312,0.826-0.312,1.141,0L22.245,4.015z"/></svg>';
+
+	if((trueValueSet && value === formatterParams.trueValue) || (!trueValueSet && ((truthy && value) || (value === true || value === "true" || value === "True" || value === 1 || value === "1")))){
+		element.setAttribute("aria-checked", true);
+		return tick || "";
+	}else{
+		if(empty && (value === "null" || value === "" || value === null || typeof value === "undefined")){
+			element.setAttribute("aria-checked", "mixed");
+			return "";
+		}else{
+			element.setAttribute("aria-checked", false);
+			return cross || "";
+		}
+	}
 }