theme(fix): add static function to webcomponents

Signed-off-by: Patrick Kollitsch <patrick@davids-neighbour.com>
davidsneighbour · Jan 14, 2025 · 4b6b6da · 4b6b6da
1 parent d2e4113
commit 4b6b6da
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/assets/js/components/click-effect.js b/assets/js/components/click-effect.js
@@ -17,7 +17,7 @@ class ClickSpark extends HTMLElement {
     this.svg.style.top = "0px";
 
     this.root.addEventListener("click", (e) => {
-      if (!e.target.closest('a')) return;
+      if (!e.target.closest("a")) return;
 
       this.setSparkPosition(e);
       this.animateSpark();
@@ -56,8 +56,10 @@ class ClickSpark extends HTMLElement {
   setSparkPosition(e) {
     let rect = this.root.getBoundingClientRect();
 
-    this.svg.style.left = e.clientX - rect.left - this.svg.clientWidth / 2 + "px";
-    this.svg.style.top = e.clientY - rect.top - this.svg.clientHeight / 2 + "px";
+    this.svg.style.left =
+      e.clientX - rect.left - this.svg.clientWidth / 2 + "px";
+    this.svg.style.top =
+      e.clientY - rect.top - this.svg.clientHeight / 2 + "px";
   }
 
   setupSpark() {
@@ -88,6 +90,10 @@ class ClickSpark extends HTMLElement {
     this.shadowRoot.innerHTML = template;
     this.svg = this.shadowRoot.querySelector("svg");
   }
+
+  static {
+    console.log("Spark loaded");
+  }
 }
 
 export default ClickSpark;
diff --git a/assets/js/components/progress-bar.js b/assets/js/components/progress-bar.js
@@ -12,6 +12,9 @@ class ProgressBar extends HTMLElement {
       </div>
     `;
   }
+  static {
+    console.log('ProgressBar loaded');
+  }
 }
 
 export default ProgressBar;