@fy-/fws-vue 0.3.31 → 0.3.41

package/components/ui/DefaultInput.vue

@@ -131,9 +131,9 @@ defineExpose({ focus, blur, getInputRef });
         >
           <label
             :for="id"
-            v-if="label || placeholder"
+            v-if="label"
             class="block mb-2 text-sm font-medium text-fv-neutral-900 dark:text-white"
-            >{{ label ? label : placeholder }}
+            >{{ label }}
           </label>
           <input
             ref="inputRef"
@@ -238,6 +238,8 @@ defineExpose({ focus, blur, getInputRef });
         <input
           type="checkbox"
           v-model="modelCheckbox"
+          :true-value="checkboxTrueValue"
+          :false-value="checkboxFalseValue"
           class="sr-only peer"
           @focus="handleFocus"
           @blur="handleBlur"
@@ -269,6 +271,8 @@ defineExpose({ focus, blur, getInputRef });
             :type="type"
             @focus="handleFocus"
             @blur="handleBlur"
+            :true-value="checkboxTrueValue"
+            :false-value="checkboxFalseValue"
             v-model="modelCheckbox"
             class="w-4 h-4 text-fv-primary-600 bg-fv-neutral-100 border-fv-neutral-300 rounded focus:ring-fv-primary-500 dark:focus:ring-fv-primary-600 dark:ring-offset-fv-neutral-800 dark:focus:ring-offset-fv-neutral-800 focus:ring-2 dark:bg-fv-neutral-700 dark:border-fv-neutral-600"
           />

package/components/ui/DefaultTagInput.vue

@@ -31,6 +31,7 @@
       ref="textInput"
       @input="handleInput"
       @paste.prevent="handlePaste"
+      @keydown="handleKeydown"
       placeholder="Add a tag..."
     ></div>
   </div>
@@ -126,6 +127,17 @@ const handlePaste = (e: any) => {
   e.preventDefault();
   addTag();
 };
+const handleKeydown = (event: KeyboardEvent) => {
+  if (!textInput.value) return;
+
+  // Handles backspace when there is no separator involved
+  if (event.key === "Backspace" && textInput.value.innerText) {
+    // Prevent default to stop any default backspace behavior
+    event.preventDefault();
+    // Remove last character
+    textInput.value.innerText = textInput.value.innerText.slice(0, -1);
+  }
+};
 </script>
 
 <style scoped>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fy-/fws-vue",
-  "version": "0.3.31",
+  "version": "0.3.41",
   "author": "Florian 'Fy' Gasquez <m@fy.to>",
   "license": "MIT",
   "repository": {