VueUiSparkgauge improvements

• VueUiSparkgauge : added config.style.colors.showGradient config option
• .d.ts file: fixed typos

VueDataUi universal component

This version adds the VueDataUi universal component, which can be used instead of individual components, so it is possible to only declare globally a single component.

You just have to specify the component name in the props, and provide the corresponding datatypes for config and dataset.

Events, slots, exposed functions remain unchanged, as this component is just a handy wrapper.

<script setup>
  import { ref } from "vue";
  import { VueDataUi } from "vue-data-ui";
  import "vue-data-ui/style.css";

  const dataset = ref([...]);
  const config = ref({...});
</script>

<template>

  <div style="width:600px">
    <VueDataUi
      component="VueUiXy"
      :dataset="dataset"
      :config="config"
    />
  </div>

</template>

This release does not introduce breaking changes.

VueUiVerticalBar fix

VueUiVerticalBar :

• Added missing prefix & suffix on parent category labels

VueUiOnion fix

VueUiOnion

• Fixed a bug preventing the table from opening when no value is provided in datasets

VueUiSparkgauge

VueUiSparkgauge :

• Improved safeguards when value is higher than max or lower than min. Providing a value higher than max will now just show a full gauge. Providing a value lower than min will just show an empty gauge.

VueUiSparkgauge new component

Added new mini component VueUiSparkgauge

VueUiWaffle captions

VueUiWAffle :

• Added config option config.style.chart.layout.labels.captions which only works in horizontal grid mode (default), to display series information directly onto the chart.

VueUiNestedDonuts improvements

VueUiNestedDonuts

Added config options to display donut names, with or without abbreviations.

VueUiNestedDonuts new component

Added VueUiNestedDonuts, allowing to compare breakdowns of comparable datasets.

VueUiDonut @selectDatpoint

VueUiDonut

Added @selectDatapoint emit, that returns the selected data and index.