From 1aa22d252248dfa384e8b2ee16e8673c86a2d3b6 Mon Sep 17 00:00:00 2001
From: Gregor Wassmann <gregor.wassmann@gmail.com>
Date: Tue, 28 Dec 2021 22:57:42 +0100
Subject: [PATCH] Use custom logic

---
 preprocess/api.json          |  2 +-
 src/Checkbox/Checkbox.svelte | 12 +++++++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/preprocess/api.json b/preprocess/api.json
index 54129914..8b8db01e 100644
--- a/preprocess/api.json
+++ b/preprocess/api.json
@@ -656,4 +656,4 @@
       "path": "carbon-components-svelte/src/UnorderedList/UnorderedList.svelte"
     }
   }
-}
+}
\ No newline at end of file
diff --git a/src/Checkbox/Checkbox.svelte b/src/Checkbox/Checkbox.svelte
index d2680104..adfad805 100644
--- a/src/Checkbox/Checkbox.svelte
+++ b/src/Checkbox/Checkbox.svelte
@@ -57,6 +57,16 @@
   const dispatch = createEventDispatcher();
 
   $: dispatch("check", checked);
+  $: checked = group.indexOf(value) >= 0;
+
+  const updateGroup = () => {
+    if (checked) {
+      group = [...group, value];
+    } else {
+      group.splice(group.indexOf(value), 1);
+      group = group;
+    }
+  };
 </script>
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
@@ -80,7 +90,6 @@
   >
     <input
       bind:this="{ref}"
-      bind:group
       type="checkbox"
       value="{value}"
       checked="{checked}"
@@ -94,6 +103,7 @@
       on:change="{() => {
         checked = !checked;
       }}"
+      on:change="{updateGroup}"
       on:blur
     />
     <label for="{id}" title="{title}" class:bx--checkbox-label="{true}">