fix(tooltip): type Tooltip open, close events (#1058)

COMPONENT_INDEX.md

@@ -4679,10 +4679,12 @@ None.
 
 ### Events
 
-| Event name | Type      | Detail |
+| Event name | Type       | Detail           |
-| :--------- | :-------- | :----- |
+| :--------- | :--------- | :--------------- |
-| click      | forwarded | --     |
+| open       | dispatched | <code>any</code> |
-| mousedown  | forwarded | --     |
+| close      | dispatched | <code>any</code> |
+| click      | forwarded  | --               |
+| mousedown  | forwarded  | --               |
 
 ## `TooltipDefinition`
 

docs/src/COMPONENT_API.json

@@ -13090,6 +13090,8 @@
         }
       ],
       "events": [
+        { "type": "dispatched", "name": "open", "detail": "any" },
+        { "type": "dispatched", "name": "close", "detail": "any" },
         { "type": "forwarded", "name": "click", "element": "div" },
         { "type": "forwarded", "name": "mousedown", "element": "div" }
       ],

src/Tooltip/Tooltip.svelte

@@ -1,4 +1,9 @@
 <script>
+  /**
+   * @event {any} open
+   * @event {any} close
+   */
+
   /**
    * Set the alignment of the tooltip relative to the icon
    * @type {"start" | "center" | "end"}

tests/Tooltip.test.svelte

@@ -1,9 +1,11 @@
 <script lang="ts">
   import { Tooltip, Link, Button } from "../types";
   import Catalog16 from "carbon-icons-svelte/lib/Catalog16";
+
+  let open = true;
 </script>
 
-<Tooltip>
+<Tooltip bind:open on:open on:close>
   <p>Resources are provisioned based on your account's organization.</p>
 </Tooltip>
 

types/Tooltip/Tooltip.svelte.d.ts

@@ -91,6 +91,11 @@ export interface TooltipProps
 
 export default class Tooltip extends SvelteComponentTyped<
   TooltipProps,
-  { click: WindowEventMap["click"]; mousedown: WindowEventMap["mousedown"] },
+  {
+    open: CustomEvent<any>;
+    close: CustomEvent<any>;
+    click: WindowEventMap["click"];
+    mousedown: WindowEventMap["mousedown"];
+  },
   { default: {}; icon: {}; triggerText: {} }
 > {}