UUUUPPPPP work

2026-03-25 02:03:59 +01:00
parent c857900860
commit df8bd891a2
32 changed files with 1126 additions and 233 deletions
--- a/components_/Range.js
+++ b/components_/Range.js
@@ -0,0 +1,24 @@
+import { $, html } from "sigpro";
+
+$.component(
+  "c-range",
+  (props, { emit }) => {
+    return html`
+      <input
+        type="range"
+        .min=${() => props.min() ?? 0}
+        .max=${() => props.max() ?? 100}
+        .step=${() => props.step() ?? 1}
+        .value=${props.value}
+        .class=${() => `range ${props.cls() ?? ""}`}
+        @input=${(e) => {
+          const val = e.target.value;
+          if (typeof props.value === "function") props.value(val);
+
+          emit("input", val);
+          emit("change", val);
+        }} />
+    `;
+  },
+  ["cls", "value", "min", "max", "step"],
+);