fix(svelte): strongly type dispatched events

[metonym]

Currently, the TypeScript definitions for Svelte components are auto-generated by @sveltejs/package. However, the exact types for the dispatched events use any.

For example, they currently look like:

declare const __propDef: {
    props: {
        [x: string]: any;
        options: BarChartOptions;
        data: ChartTabularData;
        chart?: SimpleBarChartCore | null;
        ref?: HTMLDivElement | null;
    };
    events: {
        load: CustomEvent<any>;
        update: CustomEvent<any>;
        destroy: CustomEvent<any>;
    } & {
        [evt: string]: CustomEvent<any>;
    };
    slots: {};
};

The solution is to define the types for dispatched events, and pass it as a type variable to the generic createEventDispatcher.

To test this, I ran yarn build:package and inspected the generated types:

declare const __propDef: {
    props: {
        [x: string]: any;
        options: BarChartOptions;
        data: ChartTabularData;
        chart?: SimpleBarChartCore | null;
        ref?: HTMLDivElement | null;
    };
    events: {
        load: CustomEvent<null>;
        update: CustomEvent<{
            data: ChartTabularData;
            options: ChartOptions;
        }>;
        destroy: CustomEvent<null>;
    } & {
        [evt: string]: CustomEvent<any>;
    };
    slots: {};
};

Updates

• fix(svelte): strongly type dispatched events

Demo screenshot or recording

[netlify]

✅ Deploy Preview for carbon-charts-core ready!

Name	Link
🔨 Latest commit	750e2b1
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-charts-core/deploys/657fa79391f0860008cd969b
😎 Deploy Preview	https://deploy-preview-1703--carbon-charts-core.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for carbon-charts-react ready!

Name	Link
🔨 Latest commit	750e2b1
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-charts-react/deploys/657fa7933b262b0008afa042
😎 Deploy Preview	https://deploy-preview-1703--carbon-charts-react.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for carbon-charts-angular ready!

Name	Link
🔨 Latest commit	750e2b1
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-charts-angular/deploys/657fa79385dd090008d81b07
😎 Deploy Preview	https://deploy-preview-1703--carbon-charts-angular.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[nstuyvesant]

@theiliad LGTM