chore: migrate to svelte-4

- Use `SvelteComponent` instead of `SvelteComponentTyped`
- use `local` transitions for backwards-compatibility
This commit is contained in:
Enrico Sacchetti 2023-06-23 11:19:16 -04:00
commit 56488e7375
No known key found for this signature in database
GPG key ID: 3374B89ECA60D796
189 changed files with 508 additions and 377 deletions

View file

@ -1,5 +1,5 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte";
import type { SvelteComponent } from "svelte";
export interface ComposedModalProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@ -46,7 +46,7 @@ export interface ComposedModalProps
ref?: null | HTMLDivElement;
}
export default class ComposedModal extends SvelteComponentTyped<
export default class ComposedModal extends SvelteComponent<
ComposedModalProps,
{
transitionend: CustomEvent<{ open: boolean }>;

View file

@ -1,5 +1,5 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte";
import type { SvelteComponent } from "svelte";
export interface ModalBodyProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@ -16,7 +16,7 @@ export interface ModalBodyProps
hasScrollingContent?: boolean;
}
export default class ModalBody extends SvelteComponentTyped<
export default class ModalBody extends SvelteComponent<
ModalBodyProps,
{},
{ default: {} }

View file

@ -1,5 +1,5 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte";
import type { SvelteComponent } from "svelte";
export interface ModalFooterProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@ -53,7 +53,7 @@ export interface ModalFooterProps
danger?: boolean;
}
export default class ModalFooter extends SvelteComponentTyped<
export default class ModalFooter extends SvelteComponent<
ModalFooterProps,
{ ["click:button--secondary"]: CustomEvent<{ text: string }> },
{ default: {} }

View file

@ -1,5 +1,5 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte";
import type { SvelteComponent } from "svelte";
export interface ModalHeaderProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@ -46,7 +46,7 @@ export interface ModalHeaderProps
iconDescription?: string;
}
export default class ModalHeader extends SvelteComponentTyped<
export default class ModalHeader extends SvelteComponent<
ModalHeaderProps,
{ click: WindowEventMap["click"] },
{ default: {} }