Dev environment - Update testing arena

Author: graphieros

TestingArena/ArenaVueUiDonut.vue

@@ -106,6 +106,10 @@ const model = ref([
     { key: 'style.chart.title.color', def: '#1A1A1A', type: 'color', label: 'textColor', category: 'title' },
     { key: 'style.chart.title.fontSize', def: 20, type: 'number', min: 6, max: 48, label: 'fontSize', category: 'title' },
     { key: 'style.chart.title.bold', def: true, type: 'checkbox', label: 'bold', category: 'title' },
+    { key: 'style.chart.title.textAlign', def: 'center', type: 'select', options: ['left', 'center', 'right']},
+    { key: 'style.chart.title.paddingLeft', def: 0, type: 'number', min: 0, max: 24 },
+    { key: 'style.chart.title.paddingRight', def: 0, type: 'number', min: 0, max: 24 },
+
     { key: 'style.chart.title.subtitle.text', def: 'Lorem ipsum dolor sit amet', type: 'text', label: 'textContent', category: 'subtitle' },
     { key: 'style.chart.title.subtitle.color', def: '#A1A1A1', type: 'color', label: 'textColor', category: 'subtitle' },
     { key: 'style.chart.title.subtitle.fontSize', def: 16, type: 'number', min: 6, max: 42, label: 'fontSize', category: 'subtitle' },

TestingArena/ArenaVueUiXy.vue

@@ -142,6 +142,8 @@ const model = ref([
     { key: 'chart.title.bold', def: true, type: 'checkbox', label: 'bold', category: 'title' },
     { key: 'chart.title.offsetX', def: 0, type: 'number', label: 'offsetX', category: 'title' },
     { key: 'chart.title.offsetY', def: 0, type: 'number', label: 'offsetY', category: 'title' },
+    { key: 'chart.title.textAlign', def: 'left', type: 'select', options: ['left', 'center', 'right']},
+    { key: 'chart.title.paddingLeft', def: 12, type: 'number', min: 0, max: 24},
 
     { key: 'chart.title.subtitle.text', def: 'Subtitle', type: 'text', label: 'textContent', category: 'subtitle' },
     { key: 'chart.title.subtitle.color', def: '#CCCCCC', type: 'color', label: 'textColor', category: 'subtitle' },