diff --git a/packages/overlayscrollbars-svelte/src/OverlayScrollbarsComponent.svelte b/packages/overlayscrollbars-svelte/src/OverlayScrollbarsComponent.svelte index 6a9e5ab..103a643 100644 --- a/packages/overlayscrollbars-svelte/src/OverlayScrollbarsComponent.svelte +++ b/packages/overlayscrollbars-svelte/src/OverlayScrollbarsComponent.svelte @@ -2,7 +2,7 @@ import { onMount, afterUpdate, createEventDispatcher } from 'svelte'; import { OverlayScrollbars } from 'overlayscrollbars'; import type { EventListeners, EventListenerArgs } from 'overlayscrollbars'; - import type { OverlayScrollbarsComponentProps$, OverlayScrollbarsComponentRef } from './OverlayScrollbarsComponent.types'; + import type { OverlayScrollbarsComponentProps$, OverlayScrollbarsComponentRef$ } from './OverlayScrollbarsComponent.types'; type EmitEventsMap = { [N in keyof EventListenerArgs]: `os${Capitalize}`; @@ -47,8 +47,8 @@ osScroll: EventListenerArgs["scroll"]; }>(); - export const osInstance: OverlayScrollbarsComponentRef["osInstance"] = () => instance; - export const getElement: OverlayScrollbarsComponentRef["getElement"] = () => elementRef; + export const osInstance: OverlayScrollbarsComponentRef$["osInstance"] = () => instance; + export const getElement: OverlayScrollbarsComponentRef$["getElement"] = () => elementRef; onMount(initialize); diff --git a/packages/overlayscrollbars-svelte/src/OverlayScrollbarsComponent.types.ts b/packages/overlayscrollbars-svelte/src/OverlayScrollbarsComponent.types.ts index 7a36338..a7c206c 100644 --- a/packages/overlayscrollbars-svelte/src/OverlayScrollbarsComponent.types.ts +++ b/packages/overlayscrollbars-svelte/src/OverlayScrollbarsComponent.types.ts @@ -1,13 +1,13 @@ import type { OverlayScrollbars, PartialOptions, EventListeners } from 'overlayscrollbars'; -// Use "$" at the end so the type doesn't collide with generated type by svelte +// Use "$" at the end so the type doesn't collide with generated type by svelte, this is not exported anyway export interface OverlayScrollbarsComponentProps$ { element?: string; options?: PartialOptions | false | null; events?: EventListeners | false | null; } -export interface OverlayScrollbarsComponentRef { +export interface OverlayScrollbarsComponentRef$ { /** Returns the OverlayScrollbars instance or null if not initialized. */ osInstance(): OverlayScrollbars | null; /** Returns the root element. */ diff --git a/packages/overlayscrollbars-svelte/test/OverlayScrollbarsComponent.test.ts b/packages/overlayscrollbars-svelte/test/OverlayScrollbarsComponent.test.ts index d5e01d3..136b20f 100644 --- a/packages/overlayscrollbars-svelte/test/OverlayScrollbarsComponent.test.ts +++ b/packages/overlayscrollbars-svelte/test/OverlayScrollbarsComponent.test.ts @@ -3,7 +3,7 @@ import { cleanup, render, screen, fireEvent } from '@testing-library/svelte'; import userEvent from '@testing-library/user-event'; import { OverlayScrollbars } from 'overlayscrollbars'; import { OverlayScrollbarsComponent } from '~/index'; // eslint-disable-line import/named -import type { OverlayScrollbarsComponentRef } from '~/OverlayScrollbarsComponent.types'; // eslint-disable-line import/named +import type { OverlayScrollbarsComponentRef$ } from '~/OverlayScrollbarsComponent.types'; // eslint-disable-line import/named import Test from './Test.svelte'; /** @@ -129,7 +129,7 @@ describe('OverlayScrollbarsComponent', () => { }); test('ref', () => { - let osRef: OverlayScrollbarsComponentRef | undefined; + let osRef: OverlayScrollbarsComponentRef$ | undefined; const { container } = render(Test, { props: { getRef: (ref: any) => { @@ -149,7 +149,7 @@ describe('OverlayScrollbarsComponent', () => { }); test('options', async () => { - let osRef: OverlayScrollbarsComponentRef | undefined; + let osRef: OverlayScrollbarsComponentRef$ | undefined; render(Test, { props: { options: { paddingAbsolute: true, overflow: { y: 'hidden' } }, @@ -219,7 +219,7 @@ describe('OverlayScrollbarsComponent', () => { test('events', async () => { const onUpdatedInitial = vitest.fn(); const onUpdated = vitest.fn(); - let osRef: OverlayScrollbarsComponentRef | undefined; + let osRef: OverlayScrollbarsComponentRef$ | undefined; render(Test, { props: { events: { updated: onUpdatedInitial }, @@ -304,7 +304,7 @@ describe('OverlayScrollbarsComponent', () => { }); test('destroy', () => { - let osRef: OverlayScrollbarsComponentRef | undefined; + let osRef: OverlayScrollbarsComponentRef$ | undefined; const { unmount } = render(Test, { props: { getRef(ref: any) {