From 72210bac0d77f54799df0a48ff81a9957cc3bb11 Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Tue, 1 Feb 2022 07:06:04 -0800
Subject: [PATCH] feat(tooltip-definition): support reactive open prop

---
 src/TooltipDefinition/TooltipDefinition.svelte | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/TooltipDefinition/TooltipDefinition.svelte b/src/TooltipDefinition/TooltipDefinition.svelte
index 979d33a2..2dc7415c 100644
--- a/src/TooltipDefinition/TooltipDefinition.svelte
+++ b/src/TooltipDefinition/TooltipDefinition.svelte
@@ -2,6 +2,11 @@
   /** Specify the tooltip text */
   export let tooltipText = "";
 
+  /**
+   * Set to `true` to open the tooltip
+   */
+  export let open = false;
+
   /**
    * Set the alignment of the tooltip relative to the icon
    * @type {"start" | "center" | "end"}
@@ -20,14 +25,12 @@
   /** Obtain a reference to the button HTML element */
   export let ref = null;
 
-  let visible = false;
-
   function hide() {
-    visible = false;
+    open = false;
   }
 
   function show() {
-    visible = true;
+    open = true;
   }
 </script>
 
@@ -51,8 +54,8 @@
     class:bx--tooltip--a11y="{true}"
     class:bx--tooltip__trigger="{true}"
     class:bx--tooltip__trigger--definition="{true}"
-    class:bx--tooltip--hidden="{!visible}"
-    class:bx--tooltip--visible="{visible}"
+    class:bx--tooltip--hidden="{!open}"
+    class:bx--tooltip--visible="{open}"
     class:bx--tooltip--top="{direction === 'top'}"
     class:bx--tooltip--bottom="{direction === 'bottom'}"
     class:bx--tooltip--align-start="{align === 'start'}"