IDEMPIERE-5933 Update billboard.js to version 3.10.3 (#2112)

org.idempiere.zk.billboard/README.md

@@ -2,11 +2,12 @@
 
 1. Wrap https://github.com/naver/billboard.js as zk component.
 
-2. Get latest billboard.min.js and billboard.js from https://github.com/naver/billboard.js. Following Zk naming convention, rename billboard.min.js to billboard.js and rename billboard.js to billboard.src.js.
+2. Get latest billboard.min.js and billboard.js from https://naver.github.io/billboard.js/#download. Following Zk naming convention, rename billboard.min.js to billboard.js and rename billboard.js to billboard.src.js.
 
-3. Get d3 from https://d3js.org/. The current version use by billboard is v6 so the corresponding link is https://d3js.org/d3.v6.js and https://d3js.org/d3.v6.min.js. Again, following Zk naming conversion, we need to rename d3.v6.js to d3.v6.src.js and rename d3.v6.min.js to d3.v6.js.
+3. Get d3 from https://d3js.org/. The current version use by billboard is v6 so the corresponding link is https://d3js.org/d3.v6.js and https://d3js.org/d3.v6.min.js. Again, following Zk naming conversion, we need to rename d3.v6.js to d3.v6.src.js 
+   and rename d3.v6.min.js to d3.v6.js.
 
-4. Replace billboard.css with latest billboard.css from https://github.com/naver/billboard.js.
+4. Replace billboard.css with latest billboard.css from https://naver.github.io/billboard.js/#download.
 * Add !important to padding and text-align of .bb-tooltip th and padding of .bb-tooltip td to fix conflict with zk css
 * Change font-size of text.bb-chart-arcs-gauge-title from 2.7em to 1.5em.
   * Original: text.bb-chart-arcs-gauge-title {

org.idempiere.zk.billboard/src/metainfo/zk/lang-addon.xml

@@ -6,7 +6,7 @@
     <language-name>xul/html</language-name>
   	<version>
 		<version-class>org.idempiere.zk.billboard.Version</version-class>
-		<version-uid>3.9.0.20230713</version-uid>
+		<version-uid>3.10.3.20231118</version-uid>
 	</version>   
 	<component>
 		<component-name>billboard</component-name>
@@ -19,7 +19,7 @@
 	</component>
 	
 	<stylesheet href="~./js/zul/billboard/css/billboard.css" type="text/css"/>
-	<javascript-module name="zul.billboard" version="3.9.0.202307131000"/>
-	<!-- this js module doesn't actually exists and it is here for billboard.css version -->
-	<javascript-module name="zul.billboard.css" version="3.9.0.202307131000"/>
+	<javascript-module name="zul.billboard" version="3.10.3.20231118"/>
+	<!-- this js module doesn't actually exists and it is here for modern.css version -->
+	<javascript-module name="zul.billboard.css" version="3.10.3.20231118"/>
 </language-addon>

org.idempiere.zk.billboard/src/org/idempiere/zk/billboard/Version.java

@@ -34,5 +34,5 @@ public class Version {
 	 * Returns the version UID.<br/>
 	 * Must match with version-uid value in lang-addon.xml
 	 */
-	public static final String UID = "3.9.0.20230713";
+	public static final String UID = "3.10.3.20231118";
 }

org.idempiere.zk.billboard/src/web/js/zul/billboard/css/billboard.css

@@ -5,7 +5,7 @@
  * billboard.js, JavaScript chart library
  * https://naver.github.io/billboard.js/
  *
- * @version 3.9.0
+ * @version 3.10.3
  */
 /*-- Chart --*/
 .bb svg {
@@ -102,7 +102,7 @@
     opacity: .05 !important; }
 
 /*-- Region --*/
-.bb-region {
+.bb-region rect {
   fill: steelblue;
   fill-opacity: .1; }
 
@@ -169,7 +169,7 @@
       height: 10px;
       margin-right: 6px; }
   .bb-tooltip.value {
-    text-align: right !important; }
+    text-align: right; }
 
 /*-- Area --*/
 .bb-area {