Run "yarn build:docs"

COMPONENT_INDEX.md

@@ -4691,6 +4691,7 @@ None.
 | Prop name   | Kind             | Reactive | Type                                              | Default value                                    | Description                                           |
 | :---------- | :--------------- | :------- | :------------------------------------------------ | ------------------------------------------------ | ----------------------------------------------------- |
 | ref         | <code>let</code> | Yes      | <code>null &#124; HTMLButtonElement</code>        | <code>null</code>                                | Obtain a reference to the button HTML element         |
+| open        | <code>let</code> | Yes      | <code>boolean</code>                              | <code>false</code>                               | Set to `true` to open the tooltip                     |
 | tooltipText | <code>let</code> | No       | <code>string</code>                               | <code>""</code>                                  | Specify the tooltip text                              |
 | align       | <code>let</code> | No       | <code>"start" &#124; "center" &#124; "end"</code> | <code>"center"</code>                            | Set the alignment of the tooltip relative to the icon |
 | direction   | <code>let</code> | No       | <code>"top" &#124; "bottom"</code>                | <code>"bottom"</code>                            | Set the direction of the tooltip relative to the icon |
@@ -4706,7 +4707,9 @@ None.
 ### Events
 
 | Event name | Type       | Detail           |
-| :--------- | :-------- | :----- |
+| :--------- | :--------- | :--------------- |
+| open       | dispatched | <code>any</code> |
+| close      | dispatched | <code>any</code> |
 | click      | forwarded  | --               |
 | mouseover  | forwarded  | --               |
 | mouseenter | forwarded  | --               |

docs/src/COMPONENT_API.json

@@ -13111,6 +13111,17 @@
           "constant": false,
           "reactive": false
         },
+        {
+          "name": "open",
+          "kind": "let",
+          "description": "Set to `true` to open the tooltip",
+          "type": "boolean",
+          "value": "false",
+          "isFunction": false,
+          "isFunctionDeclaration": false,
+          "constant": false,
+          "reactive": true
+        },
         {
           "name": "align",
           "kind": "let",
@@ -13166,6 +13177,8 @@
         }
       ],
       "events": [
+        { "type": "dispatched", "name": "open", "detail": "any" },
+        { "type": "dispatched", "name": "close", "detail": "any" },
         { "type": "forwarded", "name": "click", "element": "button" },
         { "type": "forwarded", "name": "mouseover", "element": "button" },
         { "type": "forwarded", "name": "mouseenter", "element": "button" },

src/TooltipDefinition/TooltipDefinition.svelte

@@ -1,4 +1,9 @@
 <script>
+  /**
+   * @event {any} open
+   * @event {any} close
+   */
+
   /** Specify the tooltip text */
   export let tooltipText = "";
 

types/TooltipDefinition/TooltipDefinition.svelte.d.ts

@@ -9,6 +9,12 @@ export interface TooltipDefinitionProps
    */
   tooltipText?: string;
 
+  /**
+   * Set to `true` to open the tooltip
+   * @default false
+   */
+  open?: boolean;
+
   /**
    * Set the alignment of the tooltip relative to the icon
    * @default "center"
@@ -37,6 +43,8 @@ export interface TooltipDefinitionProps
 export default class TooltipDefinition extends SvelteComponentTyped<
   TooltipDefinitionProps,
   {
+    open: CustomEvent<any>;
+    close: CustomEvent<any>;
     click: WindowEventMap["click"];
     mouseover: WindowEventMap["mouseover"];
     mouseenter: WindowEventMap["mouseenter"];