From 4c8c9be28ef058444e8fef22542f0f69d1ff4f1e Mon Sep 17 00:00:00 2001
From: Eric Y Liu <ericyl.us@gmail.com>
Date: Fri, 19 Mar 2021 06:47:50 -0700
Subject: [PATCH] fix(multi-select): type clear as a custom event

---
 COMPONENT_INDEX.md                 |  2 +-
 docs/src/COMPONENT_API.json        |  2 +-
 src/MultiSelect/MultiSelect.svelte | 15 ++++++++-------
 types/MultiSelect/MultiSelect.d.ts |  2 +-
 4 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md
index 4bc07833..c0fd7ebd 100644
--- a/COMPONENT_INDEX.md
+++ b/COMPONENT_INDEX.md
@@ -2239,7 +2239,7 @@ None.
 | Event name | Type       | Detail                                                                                              |
 | :--------- | :--------- | :-------------------------------------------------------------------------------------------------- |
 | select     | dispatched | <code>{ selectedIds: string[]; selected: MultiSelectItem[]; unselected: MultiSelectItem[]; }</code> |
-| clear      | forwarded  | --                                                                                                  |
+| clear      | dispatched | <code>any</code>                                                                                    |
 | keydown    | forwarded  | --                                                                                                  |
 | focus      | forwarded  | --                                                                                                  |
 | blur       | forwarded  | --                                                                                                  |
diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json
index 16a96584..6a82283f 100644
--- a/docs/src/COMPONENT_API.json
+++ b/docs/src/COMPONENT_API.json
@@ -5539,7 +5539,7 @@
           "name": "select",
           "detail": "{ selectedIds: string[]; selected: MultiSelectItem[]; unselected: MultiSelectItem[]; }"
         },
-        { "type": "forwarded", "name": "clear", "element": "ListBoxSelection" },
+        { "type": "dispatched", "name": "clear", "detail": "any" },
         { "type": "forwarded", "name": "keydown", "element": "input" },
         { "type": "forwarded", "name": "focus", "element": "input" },
         { "type": "forwarded", "name": "blur", "element": "input" }
diff --git a/src/MultiSelect/MultiSelect.svelte b/src/MultiSelect/MultiSelect.svelte
index ea6e2c28..40c65ecd 100644
--- a/src/MultiSelect/MultiSelect.svelte
+++ b/src/MultiSelect/MultiSelect.svelte
@@ -1,4 +1,12 @@
 <script>
+  /**
+   * @typedef {string} MultiSelectItemId
+   * @typedef {string} MultiSelectItemText
+   * @typedef {{ id: MultiSelectItemId; text: MultiSelectItemText; }} MultiSelectItem
+   * @event {{ selectedIds: string[]; selected: MultiSelectItem[]; unselected: MultiSelectItem[]; }} select
+   * @event {any} clear
+   */
+
   /**
    * Set the multiselect items
    * @type {MultiSelectItem[]}
@@ -117,13 +125,6 @@
    */
   export let name = undefined;
 
-  /**
-   * @typedef {string} MultiSelectItemId
-   * @typedef {string} MultiSelectItemText
-   * @typedef {{ id: MultiSelectItemId; text: MultiSelectItemText; }} MultiSelectItem
-   * @event {{ selectedIds: string[]; selected: MultiSelectItem[]; unselected: MultiSelectItem[]; }} select
-   */
-
   import { afterUpdate, createEventDispatcher, setContext } from "svelte";
   import WarningFilled16 from "carbon-icons-svelte/lib/WarningFilled16/WarningFilled16.svelte";
   import WarningAltFilled16 from "carbon-icons-svelte/lib/WarningAltFilled16/WarningAltFilled16.svelte";
diff --git a/types/MultiSelect/MultiSelect.d.ts b/types/MultiSelect/MultiSelect.d.ts
index 872702d8..9d89e4ec 100644
--- a/types/MultiSelect/MultiSelect.d.ts
+++ b/types/MultiSelect/MultiSelect.d.ts
@@ -184,7 +184,7 @@ export default class MultiSelect extends SvelteComponentTyped<
       selected: MultiSelectItem[];
       unselected: MultiSelectItem[];
     }>;
-    clear: WindowEventMap["clear"];
+    clear: CustomEvent<any>;
     keydown: WindowEventMap["keydown"];
     focus: WindowEventMap["focus"];
     blur: WindowEventMap["blur"];