VueUiGalaxy

Added new component VueUiGalaxy

VueUiWaffle fixes

VueUiWaffle :

• Fixed an error occurring when data labels are enabled and all series are segregated.

Error handling update

Any dataset missing element will trigger a console.warn instead of throwing an error.

Improved error handling

This version improves error handling, specifically pertaining to datasets props, and provide clear guidance in case of incorrect dataset input.

#legend slot

This release adds a #legend slot to all chart components except for:

• VueUiWheel
• VueUiTiremarks
• VueUiHeatmap
• VueUiRelationCircle
• VueUiThermometer
• VueUiSparkline
• VueUiSparkbar
• VueUiSparkStackbar
• VueUiSparkgauge
• VueUiSparkHistogram
• VueUi3dBar

This feature allows for increased customization of chart legends.

The legend slot also works when using the VueDataUi universal component, if the component it wraps supports it.
It is recommended to set the show legend config attribute to false, to hide the default legend.

<VueUiDonut :config="config" :dataset="dataset">
  <template #legend="{ legend }">
    <div v-for="item in legend">
      {{ legend.name }}
    </div>
  </template>
</VueUiDonut>

VueUiIcon new icons

VueUiIcon

Added new icons:

• chartSparkline
• chartSparkbar

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