Set squircle properties with px

tim-harding · Oct 6, 2024 · 3fb9fe0 · 3fb9fe0
1 parent 2f29635
commit 3fb9fe0
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/demo/assets/js/tester.js b/demo/assets/js/tester.js
@@ -256,7 +256,10 @@ export class Control extends HTMLElement {
   _emitChange(input) {
     const value = input.value;
     const event = new CustomEvent("th-control__change", {
-      detail: { value, aspect: this._aspect },
+      detail: {
+        value: input.type === "range" ? `${value}px` : value,
+        aspect: this._aspect,
+      },
       bubbles: true,
     });
     this.dispatchEvent(event);

diff --git a/demo/index.html b/demo/index.html
@@ -35,7 +35,7 @@
   <body class="poppins-regular">
     <th-tester>
       <th-drag-area>
-        <th-squircle radius="16"></th-squircle>
+        <th-squircle></th-squircle>
         <th-corner side="top-left"></th-corner>
         <th-corner side="bottom-right"></th-corner>
       </th-drag-area>