Update jquery.uls to d122f37

* Do not group search results by region
* Replace ULS trigger icon with monochromatic one
* Custom no-results message support
* Upgrade jquery in the example to 3.2.1
* Use .siblings to locate the suggestions, clear elements for efficiency
* Removing assigned ids to elements that are not guaranteed to be unique
* Use eslint and stylelint, fix all errors

Update the language icon in ext.uls.pt module with new monochromatic one
Also use custom style for monobook skin.

Bug: T182539
Bug: T175769
Change-Id: I7341064cd0de367d933048c4800f951568747d11

lib/jquery.uls/css/jquery.uls.css

@@ -1,8 +1,8 @@
 .uls-trigger {
-	background: url('../images/icon-language.png') no-repeat left center;
+	background: url( ../images/language.png ) no-repeat left center;
 	/* @embed */
-	background-image: linear-gradient(transparent, transparent), url('../images/icon-language.svg');
-	padding-left: 30px;
+	background-image: linear-gradient( transparent, transparent ), url( ../images/language.svg );
+	padding-left: 24px;
 }
 
 .uls-menu {
@@ -12,10 +12,10 @@
 	margin-top: 1px;
 	background-color: #fff;
 	border: 1px solid #ccc;
-	border-color: rgba(0, 0, 0, 0.2);
-	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+	border-color: rgba( 0, 0, 0, 0.2 );
+	-webkit-box-shadow: 0 5px 10px rgba( 0, 0, 0, 0.2 );
+	-moz-box-shadow: 0 5px 10px rgba( 0, 0, 0, 0.2 );
+	box-shadow: 0 5px 10px rgba( 0, 0, 0, 0.2 );
 	-webkit-background-clip: padding-box;
 	-moz-background-clip: padding;
 	background-clip: padding-box;
@@ -65,9 +65,9 @@
 }
 
 .uls-search-label {
-	background: url('../images/search.png') no-repeat center center;
+	background: url( ../images/search.png ) no-repeat center center;
 	/* @embed */
-	background-image: linear-gradient(transparent, transparent), url('../images/search.svg');
+	background-image: linear-gradient( transparent, transparent ), url( ../images/search.svg );
 	background-size: 20px;
 	height: 32px;
 	width: 44px;
@@ -88,7 +88,7 @@
 	width: 100%;
 	/* For the custom clear (X) icon */
 	padding: 6px 25px 6px 0;
-	outline: none;
+	outline: 0;
 	border: 0;
 	display: block;
 	position: absolute;
@@ -110,9 +110,9 @@
 }
 
 .uls-languagefilter-clear {
-	background: url('../images/clear.png') no-repeat left center;
+	background: url( ../images/clear.png ) no-repeat left center;
 	/* @embed */
-	background-image: linear-gradient(transparent, transparent), url('../images/clear.svg');
+	background-image: linear-gradient( transparent, transparent ), url( ../images/clear.svg );
 	background-size: 15px;
 	cursor: pointer;
 	height: 15px;

lib/jquery.uls/css/jquery.uls.grid.css

@@ -32,15 +32,18 @@
 }
 
 .grid .highlight {
-	background: #ffff99;
+	background: #ff9;
 }
 
 /* The Grid ---------------------- */
+
 .grid .row {
 	width: 100%;
 	max-width: none;
 	min-width: 600px;
 	margin: 0 auto;
+	/* Nicolas Gallagher's micro clearfix */
+	*zoom: 1;
 }
 
 .grid .row .row {
@@ -50,30 +53,25 @@
 	margin: 0 -5px;
 }
 
+.grid .column,
+.grid .columns {
+	float: left;
+	min-height: 1px;
+	padding: 0 5px;
+	position: relative;
+}
+
 .grid .row.collapse .column,
 .grid .row.collapse .columns {
 	padding: 0;
 }
 
-.grid .row .row {
-	width: auto;
-	max-width: none;
-	min-width: 0;
-	margin: 0 -5px;
-}
-
 .grid .row .row.collapse {
 	margin: 0;
 }
 
-.grid .column, .grid .columns {
-	float: left;
-	min-height: 1px;
-	padding: 0 5px;
-	position: relative;
-}
-
-.grid .column.centered, .grid .columns.centered {
+.grid .column.centered,
+.grid .columns.centered {
 	float: none;
 	margin: 0 auto;
 }
@@ -238,13 +236,9 @@
 	right: 83.333%;
 }
 
-/* Nicolas Gallagher's micro clearfix */
-.grid .row {
-	*zoom: 1;
-}
-
-.grid .row:before, .grid .row:after {
-	content: "";
+.grid .row:before,
+.grid .row:after {
+	content: '';
 	display: table;
 }
 

lib/jquery.uls/css/jquery.uls.lcd.css

@@ -17,6 +17,10 @@
 	padding: 0 16px;
 }
 
+.uls-lcd--no-quicklist [data-region="all"] .uls-lcd-region-title {
+	display: none;
+}
+
 .uls-lcd-region-section {
 	margin-top: 10px;
 }
@@ -36,6 +40,16 @@
 	margin: 0;
 }
 
+.uls-language-block > ul {
+	/*
+	 * We don't want any visible bullets in this list. Not by default anyway.
+	 * Using very unspecific selector here to allow other classes to override.
+	 * Bug because overflow: hidden is incompatible with bullets, also render
+	 * the bullets inside the list in case there should be any.
+	 */
+	list-style: none none;
+}
+
 /*
  * Each block should have 16px padding on both sides. But because we already gave
  * 16px for the whole menu, we need to remove it for first and last items the blocks.
@@ -53,17 +67,6 @@
 	padding-right: 0;
 }
 
-
-.uls-language-block > ul {
-	/*
-	 * We don't want any visible bullets in this list. Not by default anyway.
-	 * Using very unspecific selector here to allow other classes to override.
-	 * Bug because overflow: hidden is incompatible with bullets, also render
-	 * the bullets inside the list in case there should be any.
-	 */
-	list-style: none none;
-}
-
 .uls-language-block > ul > li {
 	cursor: pointer;
 	margin-left: 20px;
@@ -103,6 +106,18 @@
 	vertical-align: middle;
 }
 
+.uls-no-results-view {
+	display: none;
+}
+
+.uls-lcd.uls-no-results > .uls-lcd-region-section {
+	display: none;
+}
+
+.uls-lcd.uls-no-results > .uls-no-results-view {
+	display: block;
+}
+
 .uls-no-results-found-title {
 	font-size: 16px;
 	padding: 0 16px 0 28px;

lib/jquery.uls/css/jquery.uls.mobile.css

@@ -1,4 +1,4 @@
-@media only screen and (max-width: 767px) {
+@media only screen and ( max-width: 767px ) {
 
 	.uls-mobile.uls-menu {
 		width: 95%;
@@ -40,7 +40,7 @@
 		float: none;
 	}
 
-	.uls-mobile [class*="column"] + [class*="column"]:last-child {
+	.uls-mobile [ class*='column' ] + [ class*='column' ]:last-child {
 		float: none;
 	}
 
@@ -48,7 +48,7 @@
 	.uls-mobile .uls-mobile .columns:before,
 	.uls-mobile .column:after,
 	.columns:after {
-		content: "";
+		content: '';
 		display: table;
 	}
 
@@ -197,11 +197,12 @@
 }
 
 /* Very large display targeting */
-@media only screen and (min-width: 1441px) {
+@media only screen and ( min-width: 1441px ) {
 	.uls-mobile .hide-for-small,
 	.uls-mobile .hide-for-medium,
 	.uls-mobile .hide-for-medium-down,
-	.hide-for-large, .show-for-large-up,
+	.hide-for-large,
+	.show-for-large-up,
 	.show-for-xlarge {
 		display: block !important;
 	}
@@ -217,7 +218,7 @@
 }
 
 /* Medium display targeting */
-@media only screen and (max-width: 1279px) and (min-width: 768px) {
+@media only screen and ( max-width: 1279px ) and ( min-width: 768px ) {
 	.uls-mobile .hide-for-small,
 	.uls-mobile .show-for-medium,
 	.uls-mobile .show-for-medium-down,
@@ -238,7 +239,7 @@
 }
 
 /* Small display targeting */
-@media only screen and (max-width: 767px) {
+@media only screen and ( max-width: 767px ) {
 	.uls-mobile .show-for-small,
 	.uls-mobile .hide-for-medium,
 	.uls-mobile .show-for-medium-down,
@@ -268,7 +269,7 @@
 	display: none !important;
 }
 
-@media screen and (orientation: landscape) {
+@media screen and ( orientation: landscape ) {
 	.uls-mobile .show-for-landscape,
 	.uls-mobile .hide-for-portrait {
 		display: block !important;
@@ -279,7 +280,7 @@
 	}
 }
 
-@media screen and (orientation: portrait) {
+@media screen and ( orientation: portrait ) {
 	.uls-mobile .show-for-portrait,
 	.uls-mobile .hide-for-landscape {
 		display: block !important;