From e12808e3a2c96cae8c445325f93c6063f8afcc93 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Keviin=20=C3=85berg=20Kultalahti?= <kevin.aberg@gmail.com>
Date: Thu, 15 Apr 2021 15:39:00 +0200
Subject: [PATCH] adds on:select handler to tabs component

---
 packages/bbui/src/Tabs/Tabs.svelte | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/bbui/src/Tabs/Tabs.svelte b/packages/bbui/src/Tabs/Tabs.svelte
index 89da6f1224..10617a6a5a 100644
--- a/packages/bbui/src/Tabs/Tabs.svelte
+++ b/packages/bbui/src/Tabs/Tabs.svelte
@@ -1,7 +1,7 @@
 <script>
     import "@spectrum-css/tabs/dist/index-vars.css"
     import { writable } from 'svelte/store'
-    import { onMount, setContext } from 'svelte'
+    import { onMount, setContext, createEventDispatcher } from 'svelte'
     
     export let selected;
     export let vertical = false
@@ -11,7 +11,10 @@
     
     let container;
 
+    const dispatch = createEventDispatcher()
+
     $: selected = $tab.title
+    $: selected = dispatch('select', selected)
 
     let top, left, width, height;
     $: calculateIndicatorLength($tab)