svseeds 0.3.2 → 0.3.3

package/_svseeds/TagsInput.svelte

@@ -2,8 +2,8 @@
   export type TagsInputProps = {
     values?: string[], // bindable
     type?: "left" | "right" | "bottom", // <"left">
-    confirm?: string[],
-    trim?: boolean, // <false>
+    confirm?: string[], // <["Enter"]>
+    trim?: boolean, // <true>
     unique?: boolean, // <true>
     min?: TagCountValidation,
     max?: TagCountValidation,
@@ -32,7 +32,7 @@
 </script>
 
 <script lang="ts">
-  let { values = $bindable([]), type = "left", confirm = [], trim = false, unique = true, min, max, validations = [], status = $bindable(""), style, element = $bindable(), deps }: TagsInputProps = $props();
+  let { values = $bindable([]), type = "left", confirm = [], trim = true, unique = true, min, max, validations = [], status = $bindable(""), style, element = $bindable(), deps }: TagsInputProps = $props();
 
   // *** Initialize *** //
   if (!status) status = STATE.DEFAULT;

package/_svseeds/_TextField.svelte

@@ -57,8 +57,8 @@
     message = msg ?? bottom;
     element?.setCustomValidity(msg ?? "");
   }
-  function validate(onchange?: boolean) {
-    if (!value && onchange) return toNonInvalid(neutral);
+  function validate() {
+    if (!value) return toNonInvalid(neutral);
     for (const v of validations) {
       const msg = v(value, element?.validity);
       if (msg) return toInvalid(msg);
@@ -79,7 +79,7 @@
   // *** Event Handlers *** //
   function onchange(ev: Event) {
     attributes?.onchange?.(ev as any);
-    validate(true);
+    validate();
   }
   function oninvalid(ev: Event) {
     attributes?.oninvalid?.(ev as any);

package/index.d.ts

@@ -15,7 +15,7 @@ export { default as SelectField, type SelectFieldProps, type SelectFieldReqdProp
 export { default as Slider, type SliderProps, type SliderReqdProps, type SliderBindProps, type Range } from "./_svseeds/_Slider.svelte";
 export { default as Sortable, type SortableProps, type SortableReqdProps, type SortableBindProps, SortableItems } from "./_svseeds/_Sortable.svelte";
 export { default as Tabs, type TabsProps, type TabsReqdProps, type TabsBindProps } from "./_svseeds/_Tabs.svelte";
-export { default as TagsInput, type TagsInputProps, type TagsInputReqdProps, type TagsInputBindProps, type TagsInputDeps } from "./_svseeds/TagsInput.svelte";
+export { default as TagsInput, type TagsInputProps, type TagsInputReqdProps, type TagsInputBindProps, type TagsInputDeps, type TagCountValidation } from "./_svseeds/TagsInput.svelte";
 export { default as TextField, type TextFieldProps, type TextFieldReqdProps, type TextFieldBindProps } from "./_svseeds/_TextField.svelte";
 export { default as TogglesField, type TogglesFieldProps, type TogglesFieldReqdProps, type TogglesFieldBindProps } from "./_svseeds/_TogglesField.svelte";
 export { default as Toggle, type ToggleProps, type ToggleReqdProps, type ToggleBindProps } from "./_svseeds/_Toggle.svelte";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "svseeds",
-  "version": "0.3.2",
-  "description": "Simple headless components for Svelte.",
+  "version": "0.3.3",
+  "description": "Simple components for Svelte.",
   "type": "module",
   "main": "./index.js",
   "module": "./index.js",