Bump vue-data-ui from 2.6.28 to 2.6.29

Author: graphieros

package-lock.json

@@ -20,7 +20,7 @@
     "prismjs": "^1.29.0",
     "ssh2": "^1.16.0",
     "vue": "^3.5.13",
-    "vue-data-ui": "^2.6.28",
+    "vue-data-ui": "^2.6.29",
     "vue-data-ui-cli": "^1.1.31",
     "vue-hi-code": "^1.2.1",
     "vue-router": "^4.5.0",

package.json

@@ -1,4 +1,15 @@
 [
+  {
+    "version": "v 2.6.29",
+    "date": "2025-04-03",
+    "updates": [
+      {
+        "component": "VueUiXy",
+        "description": "Add scaleValueOffsetX config option to set scale label x offset in individual scale mode",
+        "link": "/docs#vue-ui-xy"
+      }
+    ]
+  },
   {
     "version": "v 2.6.28",
     "date": "2025-04-02",

public/releases.json

@@ -458,7 +458,9 @@ export function useConfig() {
                         formatter: null,
                         scaleMin: null, // Overrides auto scaling
                         scaleMax: null, // idem
-                        groupColor: null // force yAxis labels color
+                        groupColor: null, // force yAxis labels color
+                        scaleLabelOffsetX: 0,
+                        scaleValueOffsetX: 0
                     },
                     xAxisLabels: {
                         color: COLOR_BLACK,

src/assets/useConfig.js

@@ -720,7 +720,8 @@ const xyConfig = computed(() => {
                     yAxis: {
                         useIndividualScale: true,
                         labelWidth: 32,
-                        scaleLabelOffsetX: -24,
+                        scaleLabelOffsetX: 20,
+                        scaleValueOffsetX: -20,
                         groupColor: isDarkMode.value ? '#8A8A8A' : '#1A1A1A'
 
                     },

src/components/SatisfactionStats.vue

@@ -240,7 +240,8 @@ const config = ref({
                     scaleMin: null,
                     scaleMax: null,
                     groupColor: null,
-                    scaleLabelOffsetX: 0
+                    scaleLabelOffsetX: 0,
+                    scaleValueOffsetX: 0
                 },
                 xAxis: {
                     showBaseline: true
@@ -530,7 +531,8 @@ const darkModeConfig = ref({
                     scaleMin: null,
                     scaleMax: null,
                     groupColor: null,
-                    scaleLabelOffsetX: 0
+                    scaleLabelOffsetX: 0,
+                    scaleValueOffsetX: 0
                 },
                 xAxis: {
                     showBaseline: true
@@ -1052,7 +1054,8 @@ const <span class="text-black dark:text-app-green">dataset: VueUiXyDatasetItem[]
                         <BaseAttr name="scaleMin" attr="chart.grid.labels.yAxis.scaleMin" type="number" defaultVal="null" :min="-1000" :max="0" :light="mutableConfig" :dark="mutableConfigDarkMode" comment="Force the min scale for the whole chart"/>
                         <BaseAttr name="scaleMax" attr="chart.grid.labels.yAxis.scaleMax" type="number" defaultVal="null" :min="0" :max="1000" :light="mutableConfig" :dark="mutableConfigDarkMode" comment="Force the max scale for the whole chart"/>
                         <BaseAttr name="groupColor" attr="chart.grid.labels.yAxis.groupColor" type="color" defaultVal="null" :light="mutableConfig" :dark="mutableConfigDarkMode" comment="Set color of scales when they are grouped by the same scaleLabel (requires useIndividualScale: true)"/>
-                        <BaseAttr name="scaleLabelOffsetX" attr="chart.grid.labels.yAxis.scaleLabelOffsetX" type="number" defaultVal="0" :min="-100" :max="100" :light="mutableConfig" :dark="mutableConfigDarkMode"/>
+                        <BaseAttr name="scaleLabelOffsetX" attr="chart.grid.labels.yAxis.scaleLabelOffsetX" type="number" defaultVal="0" :min="-100" :max="100" :light="mutableConfig" :dark="mutableConfigDarkMode" comment="Active when useIndividualScale is set to true"/>
+                        <BaseAttr name="scaleValueOffsetX" attr="chart.grid.labels.yAxis.scaleValueOffsetX" type="number" defaultVal="0" :min="-100" :max="100" :light="mutableConfig" :dark="mutableConfigDarkMode" comment="Active when useIndividualScale is set to true"/>
                     </BaseDetails>
                     <BaseDetails attr="zeroLine" :level="4" title="chart.grid.labels.zeroLine">
                         <BaseAttr name="show" attr="chart.grid.labels.zeroLine.show" type="checkbox" defaultVal="true" :light="mutableConfig" :dark="mutableConfigDarkMode" />