Fix slider release event not triggering

src/lib/components/gradio/form/Range.svelte

@@ -59,7 +59,7 @@
 			on:blur={clamp}
 			{step}
 			{disabled}
-			on:mouseup={handle_release}
+			on:pointerup={handle_release}
 		/>
 	</div>
 </div>
@@ -73,9 +73,8 @@
 	max={maximum}
 	{step}
 	{disabled}
-	on:mouseup={handle_release}
+	on:pointerup={handle_release}
     on:pointerdown
-    on:pointerup
     on:pointermove
 />
 

src/lib/nodes/ComfyActionNodes.ts

@@ -161,16 +161,16 @@ export class ComfySwapAction extends ComfyGraphNode {
             { name: "swap", type: BuiltInSlotType.ACTION }
         ],
         outputs: [
-            { name: "B", type: "*" },
+            { name: "B", type: BuiltInSlotType.EVENT },
-            { name: "A", type: "*" }
+            { name: "A", type: BuiltInSlotType.EVENT }
         ],
     }
 
     override onAction(action: any, param: any) {
         const a = this.getInputData(0)
         const b = this.getInputData(1)
-        this.setOutputData(0, a)
+        this.triggerSlot(0, a)
-        this.setOutputData(1, b)
+        this.triggerSlot(1, b)
     };
 }
 

src/lib/notify.ts

@@ -5,6 +5,9 @@ import { f7 } from "framework7-svelte"
 let notification;
 
 function notifyf7(text: string, title?: string) {
+    if (!f7)
+        return;
+
     if (!notification) {
         notification = f7.notification.create({
             title: title,

src/lib/widgets/RangeWidget.svelte

@@ -37,6 +37,12 @@
      option = value;
  }
 
+ function onRelease(e: Event) {
+     if (nodeValue && option != null) {
+         $nodeValue = option
+     }
+ }
+
  function setBackgroundSize(input: HTMLInputElement) {
      input.style.setProperty("--background-size", `${getBackgroundSize(input)}%`);
  }
@@ -54,12 +60,6 @@
      setBackgroundSize(target);
  }
 
- function onRelease(e: Event) {
-     if (nodeValue && option) {
-         $nodeValue = option
-     }
- }
-
  let elem: HTMLDivElement = null;
 
  $: if (elem) {