v3.1.1.0 - merge Dev to main

.gitignore

@@ -12,3 +12,6 @@ webpack.statistics.prod.html
 
 # JetBrains
 .idea/
+
+## VSCode
+.vscode/

.vscode/launch.json

@@ -2,12 +2,15 @@
     "version": "0.1.0",
     "configurations": [
         {
-            "name": "Debugger",
             "type": "chrome",
             "request": "attach",
-            "port": 9222,
-            "sourceMaps": true,
-            "webRoot": "${cwd}/"
+            "name": "Karma Attach",
+            "address": "localhost",
+            "port": 9333,
+            "pathMapping": {
+                "/": "${workspaceRoot}/",
+                "/base/": "${workspaceRoot}/"
+            }
         }
     ]
 }

CHANGELOG.md

@@ -1,3 +1,51 @@
+## 3.1.1
+* Set category labels background to enabled by default for consistency with previous versions
+* Fix npm vulnerabilities
+
+## 3.1.0
+### Visual changes
+* Add new card settings for background colors
+
+### Code improvements
+* Update outdated packages
+
+## 3.0.14
+### Visual changes
+* Add keyboard focus animation to better visualize focus
+* Add settings to control milestone line type / organize milestones in groups
+* Add report page tooltips support
+* Make clickable elements have "pointer" cursor
+* Make task column draggable
+* Add legend/task labels/data labels font settings
+* Add toggle switch to match data labels colors with legend colors
+* Add axis/task labels background color
+* Make sticky header with axis and "Collapse all" button
+* Make draggable column bigger
+* Add font settings for axis text
+
+### Code improvements
+* Fix task fill gradient and keyboard focus styles
+* Fix sorting tasks when "Group tasks" is enabled
+* Fix the bug with task labels background opacity resetting to 100 when specifying 0 opacity
+* Remove interactivity-utils
+* Apply font settings to "Collapse All/Expand All" button
+* Rename all "Fill" properties to "Color"
+* Enable the support multiple visual selection feature
+* Fix bug when "Days off" were not rendered
+
+
+# 3.0.13
+### Visual changes
+* Add all font settings (italic, bold, etc.) for the "Expand All" button, also make the default value satisfy the contrast ration of 4.6:1
+* Fix visual background color not applying to axis, collapse all button, task labels
+* Add toggle to enable/disable milestones dotted lines and color picker for it's color
+
+### Code improvements
+* Update API to 5.11.0, tools to 5.5.1 and other packages"
+
+## 3.0.12
+* Fix not showing collapse button for parent tasks
+
 ## 3.0.11
 # Remove restrictions on legend width
 
@@ -37,7 +85,6 @@
 * Fix tests
 * Fix label name
 
-
 ## 3.0.1
 * Upgraded to API 5.8.0
 * Fixed bugs related to UI 

capabilities.json

@@ -443,6 +443,28 @@
                         }
                     }
                 },
+                "fontFamily": {
+                    "type": {
+                        "formatting": {
+                            "fontFamily": true
+                        }
+                    }
+                },
+                "bold": {
+                    "type": {
+                        "bool": true
+                    }
+                },
+                "italic": {
+                    "type": {
+                        "bool": true
+                    }
+                },
+                "underline": {
+                    "type": {
+                        "bool": true
+                    }
+                },
                 "fill": {
                     "type": {
                         "fill": {
@@ -456,6 +478,30 @@
         },
         "milestones": {
             "properties": {
+                "showLines": {
+                    "type": {
+                        "bool": true
+                    }
+                },
+                "lineColor": {
+                    "type": {
+                        "fill": {
+                            "solid": {
+                                "color": true
+                            }
+                        }
+                    }
+                },
+                "lineOpacity": {
+                    "type": {
+                        "numeric": true
+                    }
+                },
+                "lineType": {
+                    "type": {
+                        "enumeration": []
+                    }
+                },
                 "fill": {
                     "type": {
                         "fill": {
@@ -488,13 +534,40 @@
                         }
                     }
                 },
+                "enableBackground": {
+                    "type": {
+                        "bool": true
+                    }
+                },
                 "fontSize": {
                     "type": {
                         "formatting": {
                             "fontSize": true
                         }
                     }
                 },
+                "fontFamily": {
+                    "type": {
+                        "formatting": {
+                            "fontFamily": true
+                        }
+                    }
+                },
+                "bold": {
+                    "type": {
+                        "bool": true
+                    }
+                },
+                "italic": {
+                    "type": {
+                        "bool": true
+                    }
+                },
+                "underline": {
+                    "type": {
+                        "bool": true
+                    }
+                },
                 "width": {
                     "type": {
                         "numeric": true
@@ -550,6 +623,11 @@
                         "bool": true
                     }
                 },
+                "matchLegendColors": {
+                    "type": {
+                        "bool": true
+                    }
+                },
                 "fill": {
                     "type": {
                         "fill": {
@@ -566,6 +644,28 @@
                         }
                     }
                 },
+                "fontFamily": {
+                    "type": {
+                        "formatting": {
+                            "fontFamily": true
+                        }
+                    }
+                },
+                "bold": {
+                    "type": {
+                        "bool": true
+                    }
+                },
+                "italic": {
+                    "type": {
+                        "bool": true
+                    }
+                },
+                "underline": {
+                    "type": {
+                        "bool": true
+                    }
+                },
                 "position": {
                     "type": {
                         "text": true
@@ -616,13 +716,97 @@
                             }
                         }
                     }
+                },
+                "axisFontSize": {
+                    "type": {
+                        "formatting": {
+                            "fontSize": true
+                        }
+                    }
+                },
+                "enableBackground": {
+                    "type": {
+                        "bool": true
+                    }
+                }
+            }
+        },
+        "background": {
+            "properties": {
+                "generalBackgroundEnable": {
+                    "type": {
+                        "bool": true
+                    }
+                },
+                "generalBackgroundColor": {
+                    "type": {
+                        "fill": {
+                            "solid": {
+                                "color": true
+                            }
+                        }
+                    }
+                },
+                "generalBackgroundOpacity": {
+                    "type": {
+                        "numeric": true
+                    }
+                },
+                "categoryLabelsBackgroundEnable": {
+                    "type": {
+                        "bool": true
+                    }
+                },
+                "categoryLabelsBackgroundColor": {
+                    "type": {
+                        "fill": {
+                            "solid": {
+                                "color": true
+                            }
+                        }
+                    }
+                },
+                "categoryLabelsBackgroundOpacity": {
+                    "type": {
+                        "numeric": true
+                    }
+                },
+                "dateTypeBackgroundEnable": {
+                    "type": {
+                        "bool": true
+                    }
+                },
+                "dateTypeBackgroundColor": {
+                    "type": {
+                        "fill": {
+                            "solid": {
+                                "color": true
+                            }
+                        }
+                    }
+                },
+                "dateTypeBackgroundOpacity": {
+                    "type": {
+                        "numeric": true
+                    }
                 }
             }
         }
     },
     "sorting": {
         "default": {}
     },
+    "tooltips": {
+        "supportedTypes": {
+            "default": true,
+            "canvas": true
+        },
+        "roles": [
+            "tooltips"
+        ]
+    },
     "privileges": [],
-    "supportsHighlight": true
+    "supportsHighlight": true,
+    "supportsKeyboardFocus": true,
+	"supportsMultiVisualSelection": true
 }

karma.conf.ts

@@ -48,10 +48,11 @@ module.exports = (config) => {
           }
         },
         colors: true,
-        frameworks: ["jasmine"],
+        frameworks: ["jasmine", "webpack"],
         reporters: [
             "progress",
-            "junit"
+            "junit",
+            "coverage"
         ],
         junitReporter: {
             outputDir: path.join(__dirname, coverageFolder),