vueless 0.0.369 → 0.0.371

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.369",
+  "version": "0.0.371",
   "license": "MIT",
   "description": "Vue Styleless Component Framework.",
   "homepage": "https://vueless.com",

package/ui.form-input-money/UInputMoney.vue

@@ -47,7 +47,6 @@ import { computed, ref, watch, onMounted, nextTick, useId } from "vue";
 import { getDefault } from "../utils/utilUI.js";
 
 import UInput from "../ui.form-input/UInput.vue";
-import { SYMBOL_MINUS } from "../ui.text-money/constants.js";
 
 import defaultConfig from "./config.js";
 import useAttrs from "./useAttrs.js";
@@ -179,19 +178,11 @@ const props = defineProps({
   },
 
   /**
-   * Show prefix in the raw value number.
+   * Prefix to display before input value.
    */
-  rawValuePrefix: {
-    type: Boolean,
-    default: getDefault(defaultConfig, UInputMoney).rawValuePrefix,
-  },
-
-  /**
-   * Show minus sign.
-   */
-  minus: {
-    type: Boolean,
-    default: getDefault(defaultConfig, UInputMoney).minus,
+  prefix: {
+    type: String,
+    default: getDefault(defaultConfig, UInputMoney).prefix,
   },
 
   /**
@@ -249,8 +240,7 @@ const { formattedValue, rawValue, setValue } = useFormatCurrency(`#${elementId}`
   decimalSeparator: props.decimalSeparator,
   thousandsSeparator: props.thousandsSeparator,
   positiveOnly: props.positiveOnly,
-  rawValuePrefix: props.rawValuePrefix,
-  prefix: props.minus ? SYMBOL_MINUS : "",
+  prefix: props.prefix,
 }));
 
 const localValue = computed({

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

@@ -8,9 +8,8 @@ export default /*tw*/ {
     decimalSeparator: ",",
     thousandsSeparator: " ",
     labelAlign: "topInside",
+    prefix: "",
     positiveOnly: false,
-    rawValuePrefix: false,
-    minus: false,
     readonly: false,
     disabled: false,
   },

package/ui.form-input-money/storybook/stories.js

@@ -92,14 +92,11 @@ DecimalSeparator.args = { decimalSeparator: "." };
 export const ThousandsSeparator = DefaultTemplate.bind({});
 ThousandsSeparator.args = { thousandsSeparator: "-" };
 
-export const RawValuePrefix = DefaultTemplate.bind({});
-RawValuePrefix.args = { rawValuePrefix: true };
-
 export const PositiveOnly = DefaultTemplate.bind({});
 PositiveOnly.args = { positiveOnly: true };
 
-export const Minus = DefaultTemplate.bind({});
-Minus.args = { minus: true };
+export const Prefix = DefaultTemplate.bind({});
+Prefix.args = { prefix: "+" };
 
 export const ReadOnly = DefaultTemplate.bind({});
 ReadOnly.args = { readOnly: true };

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

@@ -4,7 +4,7 @@ export default class FormatService {
   static comma = ",";
 
   static getRawValue(value, options) {
-    const { thousandsSeparator, decimalSeparator, rawValuePrefix, prefix } = options;
+    const { thousandsSeparator, decimalSeparator, prefix } = options;
 
     value = String(value).endsWith(decimalSeparator)
       ? String(value).replace(decimalSeparator, "")
@@ -14,7 +14,7 @@ export default class FormatService {
       .replaceAll(thousandsSeparator, "")
       .replace(decimalSeparator, ".");
 
-    return rawValuePrefix ? rawValueWithPrefix : rawValueWithPrefix.replace(prefix, "");
+    return rawValueWithPrefix.replace(prefix, "");
   }
 
   static getFormattedValue(value, options) {

package/ui.form-select/USelect.vue

@@ -568,7 +568,7 @@ const emit = defineEmits([
   "addOption",
 
   /**
-   * Triggers when label position is changed.
+   * Triggers when the user commits the change to options or selected value explicitly.
    */
   "change",
 ]);
@@ -664,6 +664,7 @@ const dropdownValue = computed({
     }
 
     emit("update:modelValue", value);
+    emit("change", { value, options: props.options });
     deactivate();
   },
 });
@@ -727,15 +728,12 @@ const isLocalValue = computed(() => {
     : Boolean(String(localValue.value));
 });
 
-watch(search, () => onSearchChange);
-watch(
-  localValue,
-  () => {
-    setLabelPosition();
-    emit("change");
-  },
-  { deep: true },
-);
+const onSearchChange = debounce(function (query) {
+  emit("searchChange", query);
+}, 300);
+
+watch(search, onSearchChange);
+watch(localValue, setLabelPosition, { deep: true });
 
 if (props.addOption) {
   document.addEventListener("keydown", onKeydownAddOption);
@@ -743,10 +741,6 @@ if (props.addOption) {
 
 onMounted(setLabelPosition);
 
-const onSearchChange = debounce(async function (query) {
-  emit("searchChange", query);
-}, 300);
-
 function getOptionLabel(option) {
   if (!option) return "";
 
@@ -762,10 +756,12 @@ function onKeydownAddOption(event) {
 
   if (isMeta && isEnter && isMac) {
     emit("addOption");
+    emit("change", { value: dropdownValue.value, options: props.options });
   }
 
   if (isEnter && isCtrl && !isMac) {
     emit("addOption");
+    emit("change", { value: dropdownValue.value, options: props.options });
   }
 }
 
@@ -851,6 +847,7 @@ function removeElement(option, shouldClose = true) {
   }
 
   emit("update:modelValue", value);
+  emit("change", { value, options: props.options });
   emit("remove", option, elementId);
 
   if (shouldClose) {

package/ui.text-money/constants.js

@@ -3,5 +3,3 @@
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
  */
 export const UMoney = "UMoney";
-export const SYMBOL_MINUS = "–";
-export const SYMBOL_PLUS = "+";

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.369",
+  "version": "0.0.371",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -4971,22 +4971,13 @@
               "default": "false"
             },
             {
-              "name": "rawValuePrefix",
-              "description": "Show prefix in the raw value number.",
+              "name": "prefix",
+              "description": "Prefix to display before input value.",
               "value": {
                 "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "minus",
-              "description": "Show minus sign.",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
+                "type": "string"
               },
-              "default": "false"
+              "default": ""
             },
             {
               "name": "readonly",
@@ -7683,7 +7674,7 @@
             },
             {
               "name": "change",
-              "description": "Triggers when label position is changed."
+              "description": "Triggers when the user commits the change to options or selected value explicitly."
             }
           ],
           "slots": [