add debounce function + hide object/fn attributes

Polight#23 (comment)
carboneio · Dec 7, 2023 · adc5546 · adc5546
1 parent 49d8301
commit adc5546
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 3 deletions.
diff --git a/dist/lego.js b/dist/lego.js
@@ -665,7 +665,9 @@ class Component extends HTMLElement {
   get vstyle() { return ({ state }) => '' }
 
   setAttribute(name, value) {
-    super.setAttribute(name, value);
+    if (typeof(value) === 'string') {
+      super.setAttribute(name, value);
+    }
     const prop = toCamelCase(name);
     if(this.watchProps.includes(prop)) this.render({ [prop]: value });
   }
@@ -679,6 +681,11 @@ class Component extends HTMLElement {
     }
   }
 
+  debounce(func, timeout = 300, ...args){
+    clearTimeout(func.debounceTimer);
+    func.debounceTimer = setTimeout(() => { func.apply(this, args); }, timeout);
+  }
+
   async connectedCallback() {
     this.__isConnected = true;
     await this.render();

diff --git a/dist/lego.min.js b/dist/lego.min.js
diff --git a/dist/lego.min.js.gz b/dist/lego.min.js.gz
diff --git a/src/lib/Component.js b/src/lib/Component.js
@@ -34,7 +34,9 @@ export default class extends HTMLElement {
   get vstyle() { return ({ state }) => '' }
 
   setAttribute(name, value) {
-    super.setAttribute(name, value)
+    if (typeof(value) === 'string') {
+      super.setAttribute(name, value)
+    }
     const prop = toCamelCase(name)
     if(this.watchProps.includes(prop)) this.render({ [prop]: value })
   }
@@ -48,6 +50,11 @@ export default class extends HTMLElement {
     }
   }
 
+  debounce(func, timeout = 300, ...args){
+    clearTimeout(func.debounceTimer);
+    func.debounceTimer = setTimeout(() => { func.apply(this, args); }, timeout);
+  }
+
   async connectedCallback() {
     this.__isConnected = true
     await this.render()