feat(notification): update TS signature for dispatched close event

COMPONENT_INDEX.md

@@ -1755,13 +1755,13 @@ None.
 
 ### Events
 
-| Event name | Type       | Detail |
+| Event name | Type       | Detail                            |
-| :--------- | :--------- | :----- |
+| :--------- | :--------- | :-------------------------------- |
-| click      | forwarded  | --     |
+| close      | dispatched | <code>{ timeout: boolean }</code> |
-| mouseover  | forwarded  | --     |
+| click      | forwarded  | --                                |
-| mouseenter | forwarded  | --     |
+| mouseover  | forwarded  | --                                |
-| mouseleave | forwarded  | --     |
+| mouseenter | forwarded  | --                                |
-| close      | dispatched | --     |
+| mouseleave | forwarded  | --                                |
 
 ## `Link`
 
@@ -3892,13 +3892,13 @@ None.
 
 ### Events
 
-| Event name | Type       | Detail |
+| Event name | Type       | Detail                            |
-| :--------- | :--------- | :----- |
+| :--------- | :--------- | :-------------------------------- |
-| click      | forwarded  | --     |
+| close      | dispatched | <code>{ timeout: boolean }</code> |
-| mouseover  | forwarded  | --     |
+| click      | forwarded  | --                                |
-| mouseenter | forwarded  | --     |
+| mouseover  | forwarded  | --                                |
-| mouseleave | forwarded  | --     |
+| mouseenter | forwarded  | --                                |
-| close      | dispatched | --     |
+| mouseleave | forwarded  | --                                |
 
 ## `Toggle`
 

docs/src/COMPONENT_API.json

@@ -5772,11 +5772,15 @@
       ],
       "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
       "events": [
+        {
+          "type": "dispatched",
+          "name": "close",
+          "detail": "{ timeout: boolean }"
+        },
         { "type": "forwarded", "name": "click", "element": "div" },
         { "type": "forwarded", "name": "mouseover", "element": "div" },
         { "type": "forwarded", "name": "mouseenter", "element": "div" },
-        { "type": "forwarded", "name": "mouseleave", "element": "div" },
+        { "type": "forwarded", "name": "mouseleave", "element": "div" }
-        { "type": "dispatched", "name": "close" }
       ],
       "typedefs": [],
       "rest_props": { "type": "Element", "name": "div" }
@@ -5871,11 +5875,15 @@
         { "name": "actions", "default": false, "slot_props": "{}" }
       ],
       "events": [
+        {
+          "type": "dispatched",
+          "name": "close",
+          "detail": "{ timeout: boolean }"
+        },
         { "type": "forwarded", "name": "click", "element": "div" },
         { "type": "forwarded", "name": "mouseover", "element": "div" },
         { "type": "forwarded", "name": "mouseenter", "element": "div" },
-        { "type": "forwarded", "name": "mouseleave", "element": "div" },
+        { "type": "forwarded", "name": "mouseleave", "element": "div" }
-        { "type": "dispatched", "name": "close" }
       ],
       "typedefs": [],
       "rest_props": { "type": "Element", "name": "div" }

src/Notification/InlineNotification.svelte

@@ -1,4 +1,8 @@
 <script>
+  /**
+   * @event {{ timeout: boolean }} close
+   */
+
   /**
    * Specify the kind of notification
    * @type {"error" | "info" | "info-square" | "success" | "warning" | "warning-alt"}

src/Notification/ToastNotification.svelte

@@ -1,4 +1,8 @@
 <script>
+  /**
+   * @event {{ timeout: boolean }} close
+   */
+
   /**
    * Specify the kind of notification
    * @type {"error" | "info" | "info-square" | "success" | "warning" | "warning-alt"}

tests/InlineNotification.test.svelte

@@ -8,6 +8,9 @@
   hideCloseButton
   kind="warning"
   title="Upcoming scheduled maintenance"
+  on:close="{(e) => {
+    console.log(e.detail.timeout);
+  }}"
 />
 
 <InlineNotification kind="warning" title="Upcoming scheduled maintenance">

tests/ToastNotification.test.svelte

@@ -8,6 +8,9 @@
   hideCloseButton
   kind="warning"
   title="Upcoming scheduled maintenance"
+  on:close="{(e) => {
+    console.log(e.detail.timeout);
+  }}"
 />
 
 <ToastNotification kind="error" />

types/Notification/InlineNotification.d.ts

@@ -57,10 +57,10 @@ export default class InlineNotification {
     actions: {};
   };
 
+  $on(eventname: "close", cb: (event: CustomEvent<{ timeout: boolean }>) => void): () => void;
   $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: "close", cb: (event: CustomEvent<any>) => void): () => void;
   $on(eventname: string, cb: (event: Event) => void): () => void;
 }

types/Notification/ToastNotification.d.ts

@@ -62,10 +62,10 @@ export default class ToastNotification {
     default: {};
   };
 
+  $on(eventname: "close", cb: (event: CustomEvent<{ timeout: boolean }>) => void): () => void;
   $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: "close", cb: (event: CustomEvent<any>) => void): () => void;
   $on(eventname: string, cb: (event: Event) => void): () => void;
 }