@targoninc/jess-components 0.0.30 → 0.0.31

package/dist/index.js

@@ -746,6 +746,18 @@ var InputType;
   InputType2["week"] = "week";
 })(InputType ||= {});
 
+// src/src/Debounce.ts
+var debounceMap = {};
+function debounce(identifier, func, delay = 500) {
+  if (debounceMap[identifier]) {
+    clearTimeout(debounceMap[identifier]);
+  }
+  debounceMap[identifier] = setTimeout(() => {
+    func();
+    delete debounceMap[identifier];
+  }, delay);
+}
+
 // src/src/Components.ts
 function getDisabledClass(config) {
   let disabledClass;
@@ -772,19 +784,13 @@ function input(config) {
   const toggleState = signal(false);
   const configTypeSignal = config.type.constructor === Signal ? config.type : signal(config.type);
   const actualType = compute((t) => t ? InputType.text : configTypeSignal.value, toggleState);
+  const inputId = v4_default();
   let lastChange = 0;
-  let debounceTimeout;
   function validate(newValue) {
     errors.value = [];
     if (config.debounce) {
       if (Date.now() - lastChange < config.debounce) {
-        if (debounceTimeout) {
-          clearTimeout(debounceTimeout);
-        }
-        debounceTimeout = setTimeout(() => {
-          debounceTimeout = undefined;
-          validate(newValue);
-        }, config.debounce);
+        debounce(inputId, () => validate(newValue), config.debounce);
         return;
       }
     }
@@ -813,7 +819,7 @@ function input(config) {
       validate(e.target.value);
     }
     if (config.onchange) {
-      config.onchange(e.target.value);
+      debounce(inputId, () => config.onchange(e.target.value), config.debounce);
     }
     value.value = e.target.value;
   }).onchange((e) => {
@@ -823,7 +829,7 @@ function input(config) {
       validate(e.target.value);
     }
     if (config.onchange) {
-      config.onchange(e.target.value);
+      debounce(inputId, () => config.onchange(e.target.value), config.debounce);
     }
     value.value = e.target.value;
   }).onkeydown(config.onkeydown ?? (() => {})).name(config.name).build(), when(isPassword, eyeButton(toggleState, () => {

package/dist/src/Debounce.d.ts

@@ -0,0 +1 @@
+export declare function debounce(identifier: any, func: () => void, delay?: number): void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@targoninc/jess-components",
   "type": "module",
-  "version": "0.0.30",
+  "version": "0.0.31",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [