From 67836e4a60660d8cb6b1fcab045588d50fdfdde8 Mon Sep 17 00:00:00 2001
From: graphieros <alec.lloyd.probert@gmail.com>
Date: Sun, 17 Dec 2023 10:43:41 +0100
Subject: [PATCH] VueUiWheel add exposed methods

---
 README.md                       | 2 +-
 package-lock.json               | 4 ++--
 package.json                    | 2 +-
 src/components/vue-ui-wheel.vue | 6 ++++++
 4 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index e820f58a..011a395f 100644
--- a/README.md
+++ b/README.md
@@ -14,7 +14,7 @@
 ![GitHub issues](https://img.shields.io/github/issues/graphieros/vue-data-ui)
 ![NPM](https://img.shields.io/npm/l/vue-data-ui)
 ![npm](https://img.shields.io/npm/dt/vue-data-ui)
-![Static Badge](https://img.shields.io/badge/components-27-green)
+![Static Badge](https://img.shields.io/badge/components-28-green)
 
 [Interactive documentation](https://vue-data-ui.graphieros.com/)
 
diff --git a/package-lock.json b/package-lock.json
index c65f1df0..70cfd7a1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "vue-data-ui",
-  "version": "1.9.24",
+  "version": "1.9.25",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "vue-data-ui",
-      "version": "1.9.24",
+      "version": "1.9.25",
       "license": "MIT",
       "devDependencies": {
         "@vitejs/plugin-vue": "^4.2.3",
diff --git a/package.json b/package.json
index 7b0c2487..47f6430b 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "vue-data-ui",
   "private": false,
-  "version": "1.9.25",
+  "version": "1.9.26",
   "type": "module",
   "description": "A user-empowering data visualization Vue components library",
   "keywords": [
diff --git a/src/components/vue-ui-wheel.vue b/src/components/vue-ui-wheel.vue
index 5564a0a8..d9a557b3 100644
--- a/src/components/vue-ui-wheel.vue
+++ b/src/components/vue-ui-wheel.vue
@@ -134,6 +134,11 @@ function generateImage() {
     }, 100)
 }
 
+defineExpose({
+    generatePdf,
+    generateImage
+});
+
 </script>
 
 <template>
@@ -208,6 +213,7 @@ function generateImage() {
                 :fill="wheelConfig.style.chart.layout.wheel.ticks.gradient.show ? shiftHue(wheelConfig.style.chart.layout.wheel.ticks.activeColor, activeValue / 100 * (wheelConfig.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity / 100)) : wheelConfig.style.chart.layout.wheel.ticks.activeColor"
                 text-anchor="middle"
                 :font-weight="wheelConfig.style.chart.layout.percentage.bold ? 'bold' : 'normal'"
+                style="font-variant-numeric:tabluar-nums"
             >
                 {{ Number(activeValue.toFixed(wheelConfig.style.chart.layout.percentage.rounding)).toLocaleString() }}%
             </text>