From e91049a011a9707b416bfa4eb97c83d79cb91000 Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Wed, 3 Feb 2021 05:21:22 -0800
Subject: [PATCH] fix(outbound-link): forward Link events

---
 COMPONENT_INDEX.md           | 7 ++++++-
 docs/src/COMPONENT_API.json  | 7 ++++++-
 src/Link/OutboundLink.svelte | 9 ++++++++-
 types/Link/OutboundLink.d.ts | 4 ++++
 4 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md
index eed71a04..85875a50 100644
--- a/COMPONENT_INDEX.md
+++ b/COMPONENT_INDEX.md
@@ -2376,7 +2376,12 @@ None.
 
 ### Events
 
-None.
+| Event name | Type      | Detail |
+| :--------- | :-------- | :----- |
+| click      | forwarded | --     |
+| mouseover  | forwarded | --     |
+| mouseenter | forwarded | --     |
+| mouseleave | forwarded | --     |
 
 ## `OverflowMenu`
 
diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json
index 51308224..f04a99cf 100644
--- a/docs/src/COMPONENT_API.json
+++ b/docs/src/COMPONENT_API.json
@@ -5088,7 +5088,12 @@
       "filePath": "/src/Link/OutboundLink.svelte",
       "props": [],
       "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
-      "events": [],
+      "events": [
+        { "type": "forwarded", "name": "click", "element": "Link" },
+        { "type": "forwarded", "name": "mouseover", "element": "Link" },
+        { "type": "forwarded", "name": "mouseenter", "element": "Link" },
+        { "type": "forwarded", "name": "mouseleave", "element": "Link" }
+      ],
       "typedefs": [],
       "rest_props": { "type": "InlineComponent", "name": "Link" },
       "extends": { "interface": "LinkProps", "import": "\"./Link\"" }
diff --git a/src/Link/OutboundLink.svelte b/src/Link/OutboundLink.svelte
index f6f65ea0..be2307e7 100644
--- a/src/Link/OutboundLink.svelte
+++ b/src/Link/OutboundLink.svelte
@@ -5,7 +5,14 @@
   import Launch16 from "carbon-icons-svelte/lib/Launch16/Launch16.svelte";
 </script>
 
-<Link {...$$restProps} target="_blank">
+<Link
+  {...$$restProps}
+  on:click
+  on:mouseover
+  on:mouseenter
+  on:mouseleave
+  target="_blank"
+>
   <slot />
   <Launch16 />
 </Link>
diff --git a/types/Link/OutboundLink.d.ts b/types/Link/OutboundLink.d.ts
index eb2e53cc..2a40d87f 100644
--- a/types/Link/OutboundLink.d.ts
+++ b/types/Link/OutboundLink.d.ts
@@ -9,5 +9,9 @@ export default class OutboundLink {
     default: {};
   };
 
+  $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
+  $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
+  $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
+  $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
   $on(eventname: string, cb: (event: Event) => void): () => void;
 }