remove custom event dispatcher (#1168)

* remove custom event dispatcher

* fix: missing create_custom_event

* fix: unnecessary export

src/lib/forms/MultiSelect.svelte

@@ -3,9 +3,6 @@
   import CloseButton from '$lib/utils/CloseButton.svelte';
   import { twMerge } from 'tailwind-merge';
   import type { FormSizeType, SelectOptionType } from '../types';
-  import createEventDispatcher from '$lib/utils/createEventDispatcher';
-
-  const dispatch = createEventDispatcher();
 
   export let items: SelectOptionType<any>[] = [];
   export let value: (string | number)[] = [];
@@ -52,23 +49,27 @@
     }
   };
 
+  function create_custom_event(type: string, detail: any, { bubbles = false, cancelable = false } = {}) {
+    return new CustomEvent(type, { detail, bubbles, cancelable });
+  }
+
   function init(node: HTMLSelectElement, value: any) {
     const inital = value; // hack for below
     return {
       update: (value: any) => {
         selectItems = items.filter((x) => value.includes(x.value));
         // avoid initial event emitting
         if (value !== inital) {
-          dispatch('change', node, selectItems);
-          dispatch('input', node, selectItems);
+          node.dispatchEvent(create_custom_event('input', selectItems));
+          node.dispatchEvent(create_custom_event('change', selectItems));
         }
       }
     };
   }
 </script>
 
 <!-- Hidden select for form submission -->
-<select use:init={value} {...$$restProps} {value} hidden multiple>
+<select use:init={value} {...$$restProps} {value} hidden multiple on:change on:input>
   {#each items as { value, name }}
     <option {value}>{name}</option>
   {/each}

src/lib/utils/Popper.svelte

@@ -1,10 +1,9 @@
 <script lang="ts">
   import type { ComputePositionReturn, Middleware, Placement, Side } from '@floating-ui/dom';
   import * as dom from '@floating-ui/dom';
-  import { onMount, type ComponentProps } from 'svelte';
+  import { onMount, type ComponentProps, createEventDispatcher } from 'svelte';
   import { twJoin } from 'tailwind-merge';
   import Frame from './Frame.svelte';
-  import createEventDispatcher from './createEventDispatcher';
 
   // propagate props type from underlying Frame
   interface $$Props extends ComponentProps<Frame> {