From c96f2158596a9a321c390f3a99287720fc2dc4ad Mon Sep 17 00:00:00 2001
From: Mathieu Gauthier <mathieu.gauthier@cossette.com>
Date: Tue, 7 Nov 2023 14:52:47 -0500
Subject: [PATCH] Add disabled state to ToggleRefinement

---
 src/lib/widgets/ToggleRefinement.svelte | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/lib/widgets/ToggleRefinement.svelte b/src/lib/widgets/ToggleRefinement.svelte
index 17dafaf..a2f7f9c 100644
--- a/src/lib/widgets/ToggleRefinement.svelte
+++ b/src/lib/widgets/ToggleRefinement.svelte
@@ -40,7 +40,7 @@
     { attribute, on, off },
     { $$widgetType: "svelte-ais.toggleRefinement" },
   );
-  $: ({ refine, value } = $state);
+  $: ({ refine, canRefine, value } = $state);
 
   $: labelToDisplay = label || value.name;
 </script>
@@ -48,6 +48,7 @@
 <div class={cx("ais-ToggleRefinement", classes.root)}>
   <label class={cx("ais-ToggleRefinement-label", classes.label)}>
     <input
+      disabled={!canRefine}
       class={cx("ais-ToggleRefinement-checkbox", classes.checkbox)}
       type="checkbox"
       checked={value.isRefined}