fix(Toggle): if content on one side only then clicking toggles (#205)

src/lib/components/toggle/ContentLeft.svelte

@@ -8,7 +8,7 @@
 	const forwardEvents = forwardEventsBuilder(get_current_component());
 
 	const name: string = getContext('toggle-name');
-	const toggleOff: () => void = getContext('toggle-off');
+	const click: () => void = getContext('toggle-click-content-left');
 
 	const defaultClass = 'mr-3 cursor-pointer stwui-toggle-content-left';
 	$: finalClass = twMerge(defaultClass, $$props.class);
@@ -19,7 +19,7 @@
 	tabindex="-1"
 	id="{name}-label-left"
 	class={finalClass}
-	on:click={toggleOff}
+	on:click={click}
 	use:useActions={use}
 	use:forwardEvents
 	{...exclude($$props, ['use', 'class', 'id', 'on:click'])}

src/lib/components/toggle/ContentRight.svelte

@@ -8,7 +8,7 @@
 	const forwardEvents = forwardEventsBuilder(get_current_component());
 
 	const name: string = getContext('toggle-name');
-	const toggleOn: () => void = getContext('toggle-on');
+	const click: () => void = getContext('toggle-click-content-right');
 
 	const defaultClass = 'ml-3 cursor-pointer stwui-toggle-content-right';
 	$: finalClass = twMerge(defaultClass, $$props.class);
@@ -19,7 +19,7 @@
 	tabindex="-1"
 	id="{name}-label-right"
 	class={finalClass}
-	on:click={toggleOn}
+	on:click={click}
 	use:useActions={use}
 	use:forwardEvents
 	{...exclude($$props, ['use', 'class', 'id', 'on:click'])}

src/lib/components/toggle/Toggle.svelte

@@ -25,20 +25,20 @@
 		on = !on;
 	}
 
-	function toggleOn() {
-		on = true;
+	function clickContentLeft() {
+		on = $$slots['content-right'] ? false : !on;
 	}
 
-	function toggleOff() {
-		on = false;
+	function clickContentRight() {
+		on = $$slots['content-left'] ? true : !on;
 	}
 
 	const defaultClass = 'stwui-toggle-wrapper flex flex-col';
 	$: finalClass = twMerge(defaultClass, $$props.class);
 
 	setContext('toggle-name', name);
-	setContext('toggle-on', toggleOn);
-	setContext('toggle-off', toggleOff);
+	setContext('toggle-click-content-left', clickContentLeft);
+	setContext('toggle-click-content-right', clickContentRight);
 </script>
 
 <div