vueless 0.0.368 → 0.0.370

package/package.json

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

package/ui.button-toggle-item/UToggleItem.vue

@@ -161,14 +161,14 @@ onMounted(() => {
   selectedItem.value =
     getToggleType() === TYPE_RADIO
       ? selectedValue?.value || selectedItem.value
-      : selectedValue?.value?.includes(props.value) || selectedItem.value;
+      : selectedValue?.value?.includes(props.value) || "";
 });
 
 function onClickSetValue() {
   selectedItem.value =
     getToggleType() === TYPE_RADIO
       ? props.value
-      : selectedValue?.value?.includes(props.value) || selectedItem.value;
+      : selectedValue?.value?.includes(props.value) || "";
 
   updateSelectedValue && updateSelectedValue(props.value, !selectedItem.value);
 

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/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.368",
+  "version": "0.0.370",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -7683,7 +7683,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": [