vueless 0.0.468 → 0.0.470

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.468",
+  "version": "0.0.470",
   "license": "MIT",
   "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
   "keywords": [

package/ui.button/UButton.vue

@@ -5,6 +5,7 @@
     ref="buttonRef"
     :disabled="disabled"
     v-bind="buttonAttrs"
+    :style="buttonStyle"
     :tabindex="!loading ? tabindex : -1"
     :data-test="dataTest"
   >
@@ -80,7 +81,7 @@
 </template>
 
 <script setup>
-import { computed, ref, watchEffect, useId } from "vue";
+import { computed, ref, watchEffect, useId, watch } from "vue";
 
 import { getDefault } from "../utils/utilUI.js";
 import ULoader from "../ui.loader/ULoader.vue";
@@ -255,6 +256,8 @@ const { buttonAttrs, loaderAttrs, leftIconAttrs, rightIconAttrs, centerIconAttrs
   useAttrs(props);
 
 const buttonRef = ref(null);
+const buttonStyle = ref(null);
+const buttonWidth = ref(0);
 
 const loaderSize = computed(() => {
   const sizes = {
@@ -286,6 +289,20 @@ const iconColor = computed(() => {
   return props.variant === "primary" ? "white" : props.color;
 });
 
+watch(
+  () => props.loading,
+  (newValue) => {
+    if (newValue && buttonRef.value) {
+      buttonWidth.value = buttonRef.value.offsetWidth;
+    }
+
+    buttonStyle.value = {
+      width: newValue ? `${buttonWidth.value}px` : "auto",
+    };
+  },
+  { immediate: true },
+);
+
 watchEffect(() => {
   props.loading && buttonRef.value.blur();
 });

package/ui.form-input-money/utilFormat.js

@@ -65,16 +65,11 @@ export default class FormatService {
       rawValuePrefix: false,
     });
 
-    const formattedValue = intlNumber.formatToParts(parseFloat(rawValue) || 0).map((part) => {
-      if (part.type === "group") part.value = thousandsSeparator;
-      if (part.type === "decimal") part.value = decimalSeparator;
-      if (part.type === "fraction") part.value = part.value.padEnd(maxFractionDigits, "0");
+    const formattedValue = intlNumber
+      .format(rawValue)
+      .replaceAll(this.comma, thousandsSeparator)
+      .replaceAll(this.rawDecimalMark, decimalSeparator);
 
-      return part;
-    });
-
-    formattedValue.unshift({ value: prefix, type: "minusSign" });
-
-    return formattedValue.map((part) => part.value).join("");
+    return prefix + formattedValue;
   }
 }

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.468",
+  "version": "0.0.470",
   "contributions": {
     "html": {
       "description-markup": "markdown",