Rename to ts (#92)

Rename

Remove ts-nocheck, fix errors

Update state when graph cleared via UI (#88)

Convert to ts, fix imports

Co-authored-by: pythongosssss <125205205+pythongosssss@users.noreply.github.com>

src/scripts/ui/components/buttonGroup.ts

@@ -0,0 +1,37 @@
+import { $el } from "../../ui";
+import { ComfyButton } from "./button";
+import { prop } from "../../utils";
+
+export class ComfyButtonGroup {
+  element = $el("div.comfyui-button-group");
+  buttons: (HTMLElement | ComfyButton)[];
+
+  constructor(...buttons: (HTMLElement | ComfyButton)[]) {
+    this.buttons = prop(this, "buttons", buttons, () => this.update());
+  }
+
+  insert(button: ComfyButton, index: number) {
+    this.buttons.splice(index, 0, button);
+    this.update();
+  }
+
+  append(button: ComfyButton) {
+    this.buttons.push(button);
+    this.update();
+  }
+
+  remove(indexOrButton: ComfyButton | number) {
+    if (typeof indexOrButton !== "number") {
+      indexOrButton = this.buttons.indexOf(indexOrButton);
+    }
+    if (indexOrButton > -1) {
+      const r = this.buttons.splice(indexOrButton, 1);
+      this.update();
+      return r;
+    }
+  }
+
+  update() {
+    this.element.replaceChildren(...this.buttons.map((b) => b["element"] ?? b));
+  }
+}