svseeds 0.3.5 → 0.3.7

package/_svseeds/TagsInput.svelte

@@ -38,6 +38,8 @@
   const cls = fnClass(preset, style);
   const confirmKeys = new Set([CONFIRM_KEY, ...confirm]);
   if (min) validations.push((values) => values.length < min.value ? min.message : "");
+  const left = type === "left" || deps?.svsTextField?.left ? sideLeft : undefined;
+  const right = type === "right" || deps?.svsTextField?.right ? sideRight : undefined;
   let value = $state("");
 
   // *** Initialize Deps *** //
@@ -46,7 +48,7 @@
     style: deps?.svsBadge?.style ?? `${preset} svs-badge`,
   };
   const textValidations = deps?.svsTextField?.validations ?? [];
-  if (max) textValidations.push((values) => values.length >= max.value ? max.message : "");
+  if (max) textValidations.push((_) => values.length >= max.value ? max.message : "");
   const svsTextField = {
     ...omit(deps?.svsTextField, "validations", "style", "attributes"),
     validations: textValidations,
@@ -89,6 +91,7 @@
       values.splice(index, 1);
     };
   }
+  $effect(() => untrack(() => validate()))
 </script>
 
 <!---------------------------------------->
@@ -100,7 +103,7 @@
   </div>
 {/if}
 
-{#snippet left(status: string)}
+{#snippet sideLeft(status: string)}
   {#if type === "left"}
     {@render tags()}
   {:else}
@@ -109,7 +112,7 @@
     {/if}
   {/if}
 {/snippet}
-{#snippet right(status: string)}
+{#snippet sideRight(status: string)}
   {#if type === "right"}
     {@render tags()}
   {:else}

package/index.d.ts

@@ -1,4 +1,4 @@
-export { type SVSStyle, CONST, STATE, AREA, elemId, fnClass, isNeutral, omit, debounce, throttle, UniqueId } from "./_svseeds/core.ts";
+export { type SVSStyle, CONST, STATE, AREA, elemId, fnClass, isNeutral, omit, debounce, throttle, UniqueId } from "./_svseeds/core";
 export { default as Badge, type BadgeProps, type BadgeReqdProps, type BadgeBindProps } from "./_svseeds/_Badge.svelte";
 export { default as Button, type ButtonProps, type ButtonReqdProps, type ButtonBindProps } from "./_svseeds/_Button.svelte";
 export { default as CheckField, type CheckFieldProps, type CheckFieldReqdProps, type CheckFieldBindProps } from "./_svseeds/_CheckField.svelte";

package/index.js

@@ -1,4 +1,4 @@
-export { CONST, STATE, AREA, elemId, fnClass, isNeutral, omit, debounce, throttle, UniqueId } from "./_svseeds/core.ts";
+export { CONST, STATE, AREA, elemId, fnClass, isNeutral, omit, debounce, throttle, UniqueId } from "./_svseeds/core";
 export { default as Badge } from "./_svseeds/_Badge.svelte";
 export { default as Button } from "./_svseeds/_Button.svelte";
 export { default as CheckField } from "./_svseeds/_CheckField.svelte";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svseeds",
-  "version": "0.3.5",
+  "version": "0.3.7",
   "description": "Simple components for Svelte.",
   "type": "module",
   "main": "./index.js",