jquery-datatables 1.10.19.1 → 1.10.20

data/app/assets/javascripts/datatables/plugins/type-detection/title-numeric.js

@@ -0,0 +1,40 @@
+/**
+ * An alternative to the formatted number sorting function above (particularly
+ * useful when considering localisation which uses dots / periods for 10^3
+ * separation rather than decimal places). Another method of overcoming it
+ * difficulties of sorting formatted numbers is to have the data to be sorted
+ * upon separate from the visual data. This sorting function pair will use the
+ * 'title' attribute of en empty span element (or anything else) to sort
+ * numerically (for example `<span title="1000000"><span>1'000'000`).
+ *
+ * Note that the HTML5 `data-sort` attribute can be [used to supply sorting data
+ * to DataTables](//datatables.net/manual/orthogonal-data) and is preferable to
+ * using this method, which is therefore marked as deprecated.
+ * 
+ *  @name Hidden title numeric sorting
+ *  @summary Sort data numerically based on an attribute on an empty element.
+ *  @deprecated
+ *  @author [Allan Jardine](http://sprymedia.co.uk)
+ *
+ *  @example
+ *    $('#example').dataTable( {
+ *       columnDefs: [
+ *         { type: 'title-numeric', targets: 0 }
+ *       ]
+ *    } );
+ */
+
+jQuery.extend( jQuery.fn.dataTableExt.oSort, {
+	"title-numeric-pre": function ( a ) {
+		var x = a.match(/title="*(-?[0-9\.]+)/)[1];
+		return parseFloat( x );
+	},
+
+	"title-numeric-asc": function ( a, b ) {
+		return ((a < b) ? -1 : ((a > b) ? 1 : 0));
+	},
+
+	"title-numeric-desc": function ( a, b ) {
+		return ((a < b) ? 1 : ((a > b) ? -1 : 0));
+	}
+} );

data/app/assets/javascripts/datatables/plugins/type-detection/title-string.js

@@ -0,0 +1,36 @@
+/**
+ * Just like the _hidden title numeric sorting_ plug-in, this sorting plug-in
+ * will take the information to be sorted on from the title attribute of a span
+ * element. The only difference is that it is string based sorting rather than
+ * numeric.
+ *
+ * Note that the HTML5 `data-sort` attribute can be [used to supply sorting data
+ * to DataTables](//datatables.net/manual/orthogonal-data) and is preferable to
+ * using this method, which is therefore marked as deprecated.
+ * 
+ *  @name Hidden title string sorting
+ *  @summary Sort data as a string based on an attribute on an empty element.
+ *  @author [Allan Jardine](http://sprymedia.co.uk)
+ *  @deprecated
+ *
+ *  @example
+ *    $('#example').dataTable( {
+ *       columnDefs: [
+ *         { type: 'title-string', targets: 0 }
+ *       ]
+ *    } );
+ */
+
+jQuery.extend( jQuery.fn.dataTableExt.oSort, {
+	"title-string-pre": function ( a ) {
+		return a.match(/title="(.*?)"/)[1].toLowerCase();
+	},
+
+	"title-string-asc": function ( a, b ) {
+		return ((a < b) ? -1 : ((a > b) ? 1 : 0));
+	},
+
+	"title-string-desc": function ( a, b ) {
+		return ((a < b) ? 1 : ((a > b) ? -1 : 0));
+	}
+} );

data/app/assets/stylesheets/datatables/extensions/AutoFill/autoFill.dataTables.scss

@@ -1,8 +1,8 @@
 
 $autofill-define-button: true !default;
 $autofill-outline: #4989de !default;
-$autofill-handle-border: 1px solid #316ad1 !default;
-$autofill-handle-background: linear-gradient(to bottom, #abcffb 0%, #4989de 100%) !default;
+$autofill-handle-background: #3366ff !default;
+$autofill-handle-background-focus: #ff8b33 !default;
 
 
 div.dt-autofill-handle {
@@ -12,8 +12,15 @@ div.dt-autofill-handle {
 	z-index: 102;
 
 	box-sizing: border-box;
-	border: $autofill-handle-border;
 	background: $autofill-handle-background;
+	cursor: pointer;
+}
+
+// KeyTable alt focus
+div.dtk-focus-alt {
+	div.dt-autofill-handle {
+		background: $autofill-handle-background-focus;
+	}
 }
 
 div.dt-autofill-select {

data/app/assets/stylesheets/datatables/extensions/Buttons/buttons.bootstrap.scss

@@ -2,9 +2,18 @@
 @import 'mixins.scss';
 @import 'common.scss';
 
-ul.dt-button-collection.dropdown-menu {
-	display: block;
-	z-index: 2002;
+div.dt-button-collection {
+	position: absolute;
+
+	ul.dropdown-menu {
+		display: block;
+		z-index: 2002;
+		min-width: 100%;
+	}
+
+	div.dt-button-collection-title {
+		background-color: white;
+	}
 
 	@include dtb-fixed-collection();
 }

data/app/assets/stylesheets/datatables/extensions/Buttons/buttons.bootstrap4.scss

@@ -2,14 +2,21 @@
 @import 'mixins.scss';
 @import 'common.scss';
 
-ul.dt-button-collection.dropdown-menu {
-	display: block;
-	z-index: 2002;
+div.dt-button-collection {
+	position: absolute;
+	z-index: 2001;
+
+	div.dropdown-menu {
+		display: block;
+		z-index: 2002;
+		min-width: 100%;
+	}
 
-	@include dtb-fixed-collection();
-}
+	div.dt-button-collection-title {
+		background-color: white;
+		border: 1px solid rgba(0, 0, 0, 0.15);
+	}
 
-ul.dt-button-collection {
 	@include dtb-fixed-collection();
 
 	&.fixed {

data/app/assets/stylesheets/datatables/extensions/Buttons/buttons.dataTables.scss

@@ -27,6 +27,7 @@ a.dt-button {
 	user-select: none;
 	text-decoration: none;
 	outline: none;
+	text-overflow: ellipsis;
 
 	&.disabled {
 		color: #999;
@@ -92,6 +93,7 @@ div.dt-button-collection {
 	z-index: 2002;
 	border-radius: 5px;
 	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
+	box-sizing: border-box;
 
 	button.dt-button,
 	div.dt-button,

data/app/assets/stylesheets/datatables/extensions/Buttons/buttons.foundation.scss

@@ -17,7 +17,9 @@ ul.dt-buttons.button-group a {
 	                  // active class to look wrong
 }
 
-ul.dt-button-collection.f-dropdown {
+div.dt-button-collection {
+	position: absolute;
+
 	@include dtb-fixed-collection();
 
 	&.fixed {
@@ -60,11 +62,13 @@ div.button-group.stacked.dropdown-pane {
 	z-index: 89;
 
 	a.button {
+		display: block;
 		margin-bottom: 1px;
 		border-right: none;
 
 		&:last-child {
 			margin-bottom: 0;
+			margin-right: 1px;
 		}
 	}
 }

data/app/assets/stylesheets/datatables/extensions/Buttons/buttons.jqueryui.scss

@@ -49,6 +49,7 @@ div.dt-button-collection {
 		left: 0;
 		right: 0;
 		width: 100%;
+		box-sizing: border-box;
 
 		display: block;
 		float: none;

data/app/assets/stylesheets/datatables/extensions/Buttons/buttons.semanticui.scss

@@ -6,7 +6,7 @@ div.dt-button-collection {
 	position: absolute;
 	top: 0;
 	left: 0;
-	width: 150px;
+	min-width: 200px;
 	margin-top: 3px !important;
 	z-index: 2002;
 	background: white;
@@ -20,6 +20,7 @@ button.buttons-collection.ui.button span:after {
 	padding-left: 0.5em;
 }
 
+
 div.dt-button-background {
 	position: fixed;
 	top: 0;

data/app/assets/stylesheets/datatables/extensions/Buttons/common.scss

@@ -25,3 +25,13 @@ div.dt-button-info {
 		padding: 1em;
 	}
 }
+
+div.dt-button-collection-title {
+	text-align: center;
+	padding: 0.3em 0 0.5em;
+	font-size: 0.9em;
+}
+
+div.dt-button-collection-title:empty {
+	display: none;
+}

data/app/assets/stylesheets/datatables/extensions/Buttons/mixins.scss

@@ -30,7 +30,7 @@
 		border-radius: 0;
 
 		&.two-column {
-			margin-left: -150px;
+			margin-left: -200px;
 		}
 
 		&.three-column {
@@ -42,49 +42,61 @@
 		}
 	}
 
-	// Multi-column layout feature
-	-webkit-column-gap: 8px;
-	   -moz-column-gap: 8px;
-	    -ms-column-gap: 8px;
-	     -o-column-gap: 8px;
-	column-gap: 8px;
+	> :last-child {
+		> * {
+			-webkit-column-break-inside: avoid;
+			break-inside: avoid;
+		}
 
-	> * {
-		-webkit-column-break-inside: avoid;
-		break-inside: avoid;
+		// Multi-column layout feature
+		display: block !important;
+		-webkit-column-gap: 8px;
+		-moz-column-gap: 8px;
+			-ms-column-gap: 8px;
+			-o-column-gap: 8px;
+		column-gap: 8px;
 	}
 
 	&.two-column {
-		width: 300px;
-		padding-bottom: 1px;
-
-		-webkit-column-count: 2;
-		   -moz-column-count: 2;
-		    -ms-column-count: 2;
-		     -o-column-count: 2;
-		column-count: 2;
+		width: 400px;
+
+		> :last-child {
+			padding-bottom: 1px;
+
+			-webkit-column-count: 2;
+				-moz-column-count: 2;
+				-ms-column-count: 2;
+					-o-column-count: 2;
+			column-count: 2;
+		}
 	}
 
 	&.three-column {
 		width: 450px;
-		padding-bottom: 1px;
 
-		-webkit-column-count: 3;
-		   -moz-column-count: 3;
-		    -ms-column-count: 3;
-		     -o-column-count: 3;
-		column-count: 3;
+		> :last-child {
+			padding-bottom: 1px;
+
+			-webkit-column-count: 3;
+				-moz-column-count: 3;
+				-ms-column-count: 3;
+					-o-column-count: 3;
+			column-count: 3;
+		}
 	}
 
 	&.four-column {
 		width: 600px;
-		padding-bottom: 1px;
 
-		-webkit-column-count: 4;
-		   -moz-column-count: 4;
-		    -ms-column-count: 4;
-		     -o-column-count: 4;
-		column-count: 4;
+		> :last-child {
+			padding-bottom: 1px;
+
+			-webkit-column-count: 4;
+				-moz-column-count: 4;
+				-ms-column-count: 4;
+					-o-column-count: 4;
+			column-count: 4;
+		}
 	}
 
 	// Chrome fix - 531528

data/app/assets/stylesheets/datatables/extensions/FixedColumns/fixedColumns.bootstrap.scss

@@ -14,16 +14,20 @@ div.DTFC_LeftBodyWrapper table,
 div.DTFC_RightBodyWrapper table {
 	border-top: none;
 	margin: 0 !important;
+	z-index: 2;
 
 	// Hide sorting icons
 	thead {
-		.sorting:after,
-		.sorting_asc:after,
-		.sorting_desc:after,
-		.sorting:after,
-		.sorting_asc:after,
-		.sorting_desc:after {
-			display: none;
+		.sorting,
+		.sorting_asc,
+		.sorting_desc,
+		.sorting,
+		.sorting_asc,
+		.sorting_desc {
+			&:before,
+			&:after {
+				display: none;
+			}
 		}
 	}
 

data/app/assets/stylesheets/datatables/extensions/FixedColumns/fixedColumns.foundation.scss

@@ -26,6 +26,7 @@ div.DTFC_RightBodyWrapper table {
 div.DTFC_LeftFootWrapper table,
 div.DTFC_RightFootWrapper table {
 	margin-top: 0 !important;
+	z-index: 2;
 }
 
 // Block out the gap above the scrollbar on the right, when there is a fixed

data/app/assets/stylesheets/datatables/extensions/KeyTable/keyTable.dataTables.scss

@@ -1,11 +1,19 @@
 
-$keytable-focus: #3366FF !default;
+$keytable-focus: #3366ff !default;
+$keytable-focus-alt: #ff8b33 !default;
 
-table.dataTable {
-	tbody {
+table.dataTable tbody {
+	th.focus,
+	td.focus {
+		box-shadow: inset 0 0 1px 2px $keytable-focus;
+	}
+}
+
+div.dtk-focus-alt {
+	table.dataTable tbody {
 		th.focus,
 		td.focus {
-			box-shadow: inset 0 0 1px 2px $keytable-focus;
+			box-shadow: inset 0 0 1px 2px $keytable-focus-alt;
 		}
 	}
-}
+}

data/app/assets/stylesheets/datatables/extensions/RowGroup/rowGroup.dataTables.scss

@@ -1,9 +1,27 @@
 
 
 $table-rowgroup-background: #e0e0e0 !default;
+$table-rowgroup-background-level-1: #f0f0f0 !default;
+$table-rowgroup-background-level-2: #f3f3f3 !default;
 
-table.dataTable tr.group td {
-	font-weight: bold;
+table.dataTable tr.dtrg-group td {
 	background-color: $table-rowgroup-background;
 }
 
+table.dataTable tr.dtrg-group.dtrg-level-0 td {
+	font-weight: bold;
+}
+
+table.dataTable tr.dtrg-group.dtrg-level-1 td,
+table.dataTable tr.dtrg-group.dtrg-level-2 td {
+	background-color: $table-rowgroup-background-level-1;
+	padding-top: 0.25em;
+	padding-bottom: 0.25em;
+	padding-left: 2em;
+	font-size: 0.9em;
+}
+
+table.dataTable tr.dtrg-group.dtrg-level-2 td {
+	background-color: $table-rowgroup-background-level-2;
+}
+

data/app/assets/stylesheets/datatables/extensions/Scroller/scroller.dataTables.scss

@@ -1,6 +1,6 @@
 
 // Scroller adds the class `DTS` to the DataTabes wrapper div
-div.DTS {
+div.dts {
 	display: block !important;
 
 	tbody th,
@@ -9,10 +9,23 @@ div.DTS {
 	}
 
 	// Show the loading message behind the table
-	div.DTS_Loading {
+	div.dts_loading {
 		z-index: 1;
 	}
 
+	div.dts_label {
+		position: absolute;
+		right: 10px;
+		background: rgba(0, 0, 0, 0.8);
+		color: white;
+		box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
+		text-align: right;
+		border-radius: 3px;
+		padding: 0.4em;
+		z-index: 2;
+		display: none;
+	}
+
 	div.dataTables_scrollBody {
 		background: repeating-linear-gradient(
 			45deg,