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 ContentProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["main"]> {
@ -10,7 +10,7 @@ export interface ContentProps
id?: string;
}
export default class Content extends SvelteComponentTyped<
export default class Content extends SvelteComponent<
ContentProps,
{},
{ default: {} }

View file

@ -1,5 +1,5 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte";
import type { SvelteComponent } from "svelte";
export interface HeaderProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["a"]> {
@ -79,7 +79,7 @@ export interface HeaderProps
iconClose?: typeof import("svelte").SvelteComponent;
}
export default class Header extends SvelteComponentTyped<
export default class Header extends SvelteComponent<
HeaderProps,
{ click: WindowEventMap["click"] },
{ default: {}; platform: {}; ["skip-to-content"]: {} }

View file

@ -1,5 +1,5 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte";
import type { SvelteComponent } from "svelte";
export interface HeaderActionProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["button"]> {
@ -44,7 +44,7 @@ export interface HeaderActionProps
transition?: false | import("svelte/transition").SlideParams;
}
export default class HeaderAction extends SvelteComponentTyped<
export default class HeaderAction extends SvelteComponent<
HeaderActionProps,
{
open: CustomEvent<null>;

View file

@ -1,5 +1,5 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte";
import type { SvelteComponent } from "svelte";
export interface HeaderActionLinkProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["a"]> {
@ -28,7 +28,7 @@ export interface HeaderActionLinkProps
ref?: null | HTMLAnchorElement;
}
export default class HeaderActionLink extends SvelteComponentTyped<
export default class HeaderActionLink extends SvelteComponent<
HeaderActionLinkProps,
{},
{ icon: {} }

View file

@ -1,5 +1,5 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte";
import type { SvelteComponent } from "svelte";
export interface HeaderGlobalActionProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["button"]> {
@ -22,7 +22,7 @@ export interface HeaderGlobalActionProps
ref?: null | HTMLButtonElement;
}
export default class HeaderGlobalAction extends SvelteComponentTyped<
export default class HeaderGlobalAction extends SvelteComponent<
HeaderGlobalActionProps,
{ click: WindowEventMap["click"] },
{ default: {} }

View file

@ -1,10 +1,10 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte";
import type { SvelteComponent } from "svelte";
export interface HeaderNavProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["nav"]> {}
export default class HeaderNav extends SvelteComponentTyped<
export default class HeaderNav extends SvelteComponent<
HeaderNavProps,
{},
{ default: {} }

View file

@ -1,5 +1,5 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte";
import type { SvelteComponent } from "svelte";
export interface HeaderNavItemProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["a"]> {
@ -28,7 +28,7 @@ export interface HeaderNavItemProps
ref?: null | HTMLAnchorElement;
}
export default class HeaderNavItem extends SvelteComponentTyped<
export default class HeaderNavItem extends SvelteComponent<
HeaderNavItemProps,
{
click: WindowEventMap["click"];

View file

@ -1,5 +1,5 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte";
import type { SvelteComponent } from "svelte";
export interface HeaderNavMenuProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["a"]> {
@ -28,7 +28,7 @@ export interface HeaderNavMenuProps
ref?: null | HTMLAnchorElement;
}
export default class HeaderNavMenu extends SvelteComponentTyped<
export default class HeaderNavMenu extends SvelteComponent<
HeaderNavMenuProps,
{
keydown: WindowEventMap["keydown"];

View file

@ -1,9 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte";
import type { SvelteComponent } from "svelte";
export interface HeaderPanelDividerProps {}
export default class HeaderPanelDivider extends SvelteComponentTyped<
export default class HeaderPanelDivider extends SvelteComponent<
HeaderPanelDividerProps,
{},
{ default: {} }

View file

@ -1,5 +1,5 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte";
import type { SvelteComponent } from "svelte";
export interface HeaderPanelLinkProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["a"]> {
@ -16,7 +16,7 @@ export interface HeaderPanelLinkProps
ref?: null | HTMLAnchorElement;
}
export default class HeaderPanelLink extends SvelteComponentTyped<
export default class HeaderPanelLink extends SvelteComponent<
HeaderPanelLinkProps,
{ click: WindowEventMap["click"] },
{ default: {} }

View file

@ -1,9 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte";
import type { SvelteComponent } from "svelte";
export interface HeaderPanelLinksProps {}
export default class HeaderPanelLinks extends SvelteComponentTyped<
export default class HeaderPanelLinks extends SvelteComponent<
HeaderPanelLinksProps,
{},
{ default: {} }

View file

@ -1,5 +1,5 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte";
import type { SvelteComponent } from "svelte";
export interface HeaderSearchResult {
href: string;
@ -40,7 +40,7 @@ export interface HeaderSearchProps
selectedResultIndex?: number;
}
export default class HeaderSearch extends SvelteComponentTyped<
export default class HeaderSearch extends SvelteComponent<
HeaderSearchProps,
{
active: CustomEvent<null>;

View file

@ -1,9 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte";
import type { SvelteComponent } from "svelte";
export interface HeaderUtilitiesProps {}
export default class HeaderUtilities extends SvelteComponentTyped<
export default class HeaderUtilities extends SvelteComponent<
HeaderUtilitiesProps,
{},
{ default: {} }

View file

@ -1,5 +1,5 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte";
import type { SvelteComponent } from "svelte";
export interface SideNavProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["nav"]> {
@ -40,7 +40,7 @@ export interface SideNavProps
expansionBreakpoint?: number;
}
export default class SideNav extends SvelteComponentTyped<
export default class SideNav extends SvelteComponent<
SideNavProps,
{
open: CustomEvent<null>;

View file

@ -1,10 +1,10 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte";
import type { SvelteComponent } from "svelte";
export interface SideNavDividerProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["li"]> {}
export default class SideNavDivider extends SvelteComponentTyped<
export default class SideNavDivider extends SvelteComponent<
SideNavDividerProps,
{},
{}

View file

@ -1,9 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte";
import type { SvelteComponent } from "svelte";
export interface SideNavItemsProps {}
export default class SideNavItems extends SvelteComponentTyped<
export default class SideNavItems extends SvelteComponent<
SideNavItemsProps,
{},
{ default: {} }

View file

@ -1,5 +1,5 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte";
import type { SvelteComponent } from "svelte";
export interface SideNavLinkProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["a"]> {
@ -34,7 +34,7 @@ export interface SideNavLinkProps
ref?: null | HTMLAnchorElement;
}
export default class SideNavLink extends SvelteComponentTyped<
export default class SideNavLink extends SvelteComponent<
SideNavLinkProps,
{ click: WindowEventMap["click"] },
{ default: {}; icon: {} }

View file

@ -1,5 +1,5 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte";
import type { SvelteComponent } from "svelte";
export interface SideNavMenuProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["button"]> {
@ -28,7 +28,7 @@ export interface SideNavMenuProps
ref?: null | HTMLButtonElement;
}
export default class SideNavMenu extends SvelteComponentTyped<
export default class SideNavMenu extends SvelteComponent<
SideNavMenuProps,
{ click: WindowEventMap["click"] },
{ default: {}; icon: {} }

View file

@ -1,5 +1,5 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte";
import type { SvelteComponent } from "svelte";
export interface SideNavMenuItemProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["a"]> {
@ -28,7 +28,7 @@ export interface SideNavMenuItemProps
ref?: null | HTMLAnchorElement;
}
export default class SideNavMenuItem extends SvelteComponentTyped<
export default class SideNavMenuItem extends SvelteComponent<
SideNavMenuItemProps,
{ click: WindowEventMap["click"] },
{ default: {} }

View file

@ -1,5 +1,5 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte";
import type { SvelteComponent } from "svelte";
export interface SkipToContentProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["a"]> {
@ -16,7 +16,7 @@ export interface SkipToContentProps
tabindex?: string;
}
export default class SkipToContent extends SvelteComponentTyped<
export default class SkipToContent extends SvelteComponent<
SkipToContentProps,
{ click: WindowEventMap["click"] },
{ default: {} }