From 58f2e898a03af4cfcb9038c6afc6951c5531f99b Mon Sep 17 00:00:00 2001
From: Daybrush <younkue.choi@navercorp.com>
Date: Sat, 20 May 2023 16:43:51 +0900
Subject: [PATCH] feat: support svelte types

---
 packages/svelte-selecto/package.json   |  2 +-
 packages/svelte-selecto/src/index.d.ts | 18 +++++++++++-------
 2 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/packages/svelte-selecto/package.json b/packages/svelte-selecto/package.json
index 48ac867..2f4429b 100644
--- a/packages/svelte-selecto/package.json
+++ b/packages/svelte-selecto/package.json
@@ -1,6 +1,6 @@
 {
   "name": "svelte-selecto",
-  "version": "1.22.3",
+  "version": "1.22.4",
   "description": "A Svelte Selecto Component that allows you to select elements in the drag area using the mouse or touch.",
   "main": "./dist/selecto.cjs.js",
   "module": "./dist/selecto.esm.js",
diff --git a/packages/svelte-selecto/src/index.d.ts b/packages/svelte-selecto/src/index.d.ts
index 1be148f..5f98c30 100644
--- a/packages/svelte-selecto/src/index.d.ts
+++ b/packages/svelte-selecto/src/index.d.ts
@@ -1,12 +1,16 @@
-import VanillaSelecto, { SelectoMethods, SelectoOptions } from "selecto";
-import { SvelteComponentDev } from "svelte/internal";
-import { MethodInterface } from "framework-utils";
+/// <reference types="svelte" />
+import { SvelteComponentTyped } from "svelte";
+import { SelectoMethods, SelectoOptions, SelectoEvents } from "selecto";
 
-export default class SelectoComponent<T={}> extends SvelteComponentDev {
-    $$prop_def: Partial<SelectoOptions> & T;
-    getInstance(): VanillaSelecto;
+export type SvelteSelectoEvents = {
+    [key in keyof SelectoEvents]: CustomEvent<SelectoEvents[key]>;
 }
-export default interface SelectoComponent extends MethodInterface<SelectoMethods, VanillaSelecto, SelectoComponent> {
+export default class SelectoComponent extends SvelteComponentTyped<
+    SelectoOptions,
+    SvelteSelectoEvents
+> { }
+
+export default interface SelectoComponent extends SelectoMethods {
 }
 
 export * from "selecto";