@soxa-ui/svelte 0.0.0-stage → 0.3.0-beta.1

package/dist/components/radio-group/item/Item.svelte

@@ -0,0 +1,51 @@
+<script lang="ts">
+	import { chainHandler, Dynamic, toControlAttrs, toRootForward, toRootProps } from '../../../adapter'
+	import { setupRadioGroupItem } from './setup.component'
+	import type { RadioGroupItemAttributes, RadioGroupItemProps } from './base.component'
+
+	let { ref = $bindable(), ...props }: RadioGroupItemProps = $props()
+	const mountId = $props.id()
+
+	const binding = setupRadioGroupItem(() => props, mountId, (node) => (ref = node))
+	const state = binding.state
+	const context = binding.context
+</script>
+
+<!--
+	Корень — `label`: клик по подписи выбирает радио. Поле — перед кольцом: кольцо фокуса тема
+	рисует соседним селектором от поля. Части вплотную: пустую подпись тема прячет по `:empty`.
+	`change` Svelte делегирует корню приложения: плагин группы слышит его раньше модели и
+	возвращает поля к прежнему выбору, а сменившуюся в модели отметку Svelte пишет следом.
+-->
+<!--
+	The place in the collection (`order`) is not given to the root: the radio group does not lay
+	out, and the number would move the radio along a foreign flex row.
+-->
+<Dynamic
+	rendered={state.rendered}
+	tag={state.tag}
+	attributes={toRootProps(
+		{ classes: state.classes, visible: state.visible },
+		[state.dataset, state.attrs],
+		toRootForward(binding.forwardProps),
+	)}
+	attach={binding.attachElement}
+>
+	<input
+		class="so-radio-group-item__input"
+		type="radio"
+		name={state.name}
+		value={state.value}
+		disabled={state.disabled}
+		{...state.aria}
+		{...toControlAttrs<RadioGroupItemAttributes>(binding.forwardProps)}
+		onchange={chainHandler(() => {
+			if (context) context.adapters.activation.active = true
+		}, binding.forwardProps.onchange)}
+		checked={state.active}
+	/><span class="so-radio-group-item__control"
+		><span class="so-radio-group-item__indicator"></span></span
+	><span class="so-radio-group-item__text"
+		>{@render props.children?.({ active: state.active ?? false })}</span
+	>
+</Dynamic>

package/dist/components/radio-group/item/Item.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { RadioGroupItemProps } from './base.component';
+declare const Item: import("svelte").Component<RadioGroupItemProps, {}, "ref">;
+type Item = ReturnType<typeof Item>;
+export default Item;

package/dist/components/radio-group/item/base.component.d.ts

@@ -0,0 +1,8 @@
+import type { IRadioGroupItem } from '@soxa-ui/core';
+import type { RadioGroupCollectionItemDescriptor, RadioGroupItemDescriptor } from '@soxa-ui/setup';
+import type { EventProps, TDomAttributes, TFieldAttributes, UseDomProps } from '../../../types';
+export type RadioGroupItemEventProps = EventProps<typeof RadioGroupItemDescriptor> & EventProps<typeof RadioGroupCollectionItemDescriptor>;
+/** Атрибуты радио: класс и стиль — корню, остальное — полю `<input type="radio">`. */
+export type RadioGroupItemAttributes = TDomAttributes<typeof RadioGroupItemDescriptor, RadioGroupItemEventProps, TFieldAttributes>;
+/** `name`, `size`, `variant` и `view` раздаёт группа. */
+export type RadioGroupItemProps = UseDomProps<typeof RadioGroupItemDescriptor, IRadioGroupItem, RadioGroupItemEventProps, TFieldAttributes>;

package/dist/components/radio-group/item/base.component.js

@@ -0,0 +1 @@
+export {};

package/dist/components/radio-group/item/index.d.ts

@@ -0,0 +1,3 @@
+export * from './base.component';
+export { setupRadioGroupItem } from './setup.component';
+export { default as RadioGroupItem } from './Item.svelte';

package/dist/components/radio-group/item/index.js

@@ -0,0 +1,3 @@
+export * from './base.component';
+export { setupRadioGroupItem } from './setup.component';
+export { default as RadioGroupItem } from './Item.svelte';

package/dist/components/radio-group/item/setup.component.d.ts

@@ -0,0 +1,49 @@
+import { type TRootReceiver } from '../../../adapter';
+import type { RadioGroupItemProps } from './base.component';
+export declare function setupRadioGroupItem(getProps: () => RadioGroupItemProps, mountId: string, receive: TRootReceiver): import("../../../adapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IRadioGroupItem, {
+    props: object & {} & {} & {} & {
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+    } & {};
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => void;
+    } & {} & {
+        "action:click": (event: MouseEvent) => void;
+        "action:press": (event: MouseEvent) => void;
+        "action:focus": (event: FocusEvent) => void;
+        "action:blur": (event: FocusEvent) => void;
+    } & {
+        "aria:change:label": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        "aria:change:labelledBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        "aria:change:describedBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+    };
+    outputs: object & {} & {} & {} & {} & {};
+}>, RadioGroupItemProps, import("../../../adapter/runtime/state").TJoinedState<import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").TRadioGroupItemCollectionFacade, {
+    props: object;
+    events: object;
+    outputs: object;
+}>>, import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IRadioGroupItem, {
+    props: object & {} & {} & {} & {
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+    } & {};
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => void;
+    } & {} & {
+        "action:click": (event: MouseEvent) => void;
+        "action:press": (event: MouseEvent) => void;
+        "action:focus": (event: FocusEvent) => void;
+        "action:blur": (event: FocusEvent) => void;
+    } & {
+        "aria:change:label": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        "aria:change:labelledBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        "aria:change:describedBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+    };
+    outputs: object & {} & {} & {} & {} & {};
+}>>>> & {
+    context: import("@soxa-ui/core").TItemContext<import("@soxa-ui/core").IRadioGroupItem, import("@soxa-ui/core").TRadioGroupCollectionExtensions> | undefined;
+};

package/dist/components/radio-group/item/setup.component.js

@@ -0,0 +1,15 @@
+import { RadioGroupCollectionItemDescriptor, RadioGroupItemDescriptor, TCollectionItemExtension, } from '@soxa-ui/setup';
+import { createSvelteAdapterContext, joinBindings, useAdapter, useCollectionAdapter, useElevator, } from '../../../adapter';
+export function setupRadioGroupItem(getProps, mountId, receive) {
+    const elevator = useElevator();
+    const props = getProps();
+    const adapter = createSvelteAdapterContext(RadioGroupItemDescriptor(), {
+        ctrl: props.ctrl,
+        props,
+        mountId,
+    });
+    const item = createSvelteAdapterContext(RadioGroupCollectionItemDescriptor(), { props, mountId }, { bundle: adapter.bundle }).use(TCollectionItemExtension, { adapter, elevator });
+    const itemBinding = useCollectionAdapter(item, getProps);
+    const owner = useAdapter(adapter, getProps, receive);
+    return Object.assign(joinBindings(owner, itemBinding), { context: item.instance.context });
+}

package/dist/components/radio-group/setup.component.d.ts

@@ -0,0 +1,47 @@
+import { type TRootReceiver } from '../../adapter';
+import type { RadioGroupProps } from './base.component';
+export declare function setupRadioGroup(getProps: () => RadioGroupProps, mountId: string, receive: TRootReceiver): import("../../adapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IRadioGroup, {
+    props: object & {} & {} & {} & {
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+    } & {} & {} & {} & {} & {};
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => void;
+    } & {} & {
+        "action:click": (event: MouseEvent) => void;
+        "action:press": (event: MouseEvent) => void;
+        "action:focus": (event: FocusEvent) => void;
+        "action:blur": (event: FocusEvent) => void;
+    } & {
+        "aria:change:label": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        "aria:change:labelledBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        "aria:change:describedBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+    } & {} & {} & {} & {};
+    outputs: object & {} & {} & {} & {} & {} & {} & {} & {} & {};
+}>, RadioGroupProps, import("../../adapter/runtime/state").TJoinedState<import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").TRadioGroupCollectionFacade, {
+    props: object;
+    events: object;
+    outputs: object;
+}>>, import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IRadioGroup, {
+    props: object & {} & {} & {} & {
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+    } & {} & {} & {} & {} & {};
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => void;
+    } & {} & {
+        "action:click": (event: MouseEvent) => void;
+        "action:press": (event: MouseEvent) => void;
+        "action:focus": (event: FocusEvent) => void;
+        "action:blur": (event: FocusEvent) => void;
+    } & {
+        "aria:change:label": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        "aria:change:labelledBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        "aria:change:describedBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+    } & {} & {} & {} & {};
+    outputs: object & {} & {} & {} & {} & {} & {} & {} & {} & {};
+}>>>>;

package/dist/components/radio-group/setup.component.js

@@ -0,0 +1,19 @@
+import { RadioGroupCollectionDescriptor, RadioGroupDescriptor, TCollectionExtension, TFieldControlExtension, } from '@soxa-ui/setup';
+import { createSvelteAdapterContext, joinBindings, useAdapter, useCollectionAdapter, useElevator, } from '../../adapter';
+export function setupRadioGroup(getProps, mountId, receive) {
+    const elevator = useElevator();
+    const props = getProps();
+    const adapter = createSvelteAdapterContext(RadioGroupDescriptor(), {
+        ctrl: props.ctrl,
+        props,
+        mountId,
+    }).use(TFieldControlExtension, { elevator });
+    const collectionAdapter = createSvelteAdapterContext(RadioGroupCollectionDescriptor(), {
+        props,
+        mountId,
+        options: { owner: adapter.instance, engine: props.engine },
+    }, { bundle: adapter.bundle }).use(TCollectionExtension, { elevator });
+    const collectionBinding = useCollectionAdapter(collectionAdapter, getProps);
+    const owner = useAdapter(adapter, getProps, receive);
+    return joinBindings(owner, collectionBinding);
+}

package/dist/components/rating/Rating.svelte

@@ -0,0 +1,57 @@
+<script lang="ts">
+	import { Dynamic, RoleIcon, roleIcon, toRootProps, toStyleText } from '../../adapter'
+	import { setupRating } from './setup.component'
+	import type { RatingProps } from './base.component'
+
+	let { ref = $bindable(), ...props }: RatingProps = $props()
+	const mountId = $props.id()
+
+	const binding = setupRating(() => props, mountId, (node) => (ref = node))
+	const state = binding.state
+
+	// `<svg>` роли (`RoleIcon`), а не Icon: иконок по две на звезду, а оценок в списке — десятки
+	const STAR = roleIcon('star')
+	const ICON = { class: 'so-rating__icon' }
+</script>
+
+<!--
+	Rating — корень и всё внутри — `span`: оценку кладут в `Label`, где разрешена только
+	строчная разметка. Атрибуты потребителя — корню: поле указатель не ловит. Ячейки звёзд
+	равные и встык: долю дорожки переводят в значение, не зная о звёздах. Ручку и поле
+	плагины находят по классам и только прямыми детьми.
+-->
+{#snippet glyph(value: number, filled: boolean)}
+	{#if props.icon}
+		{@render props.icon({ value, filled })}
+	{:else}
+		<RoleIcon icon={STAR} attributes={ICON} />
+	{/if}
+{/snippet}
+
+<Dynamic
+	rendered={state.rendered}
+	tag={state.tag}
+	attributes={toRootProps(state, [state.attrs, state.dataset], binding.forwardProps)}
+	attach={binding.attachElement}
+>
+	<span class="so-rating__track">
+		{#each state.stars ?? [] as star (star.value)}
+			<span class="so-rating__star" style={toStyleText(star.style)} aria-hidden="true">
+				{@render glyph(star.value, false)}<span class="so-rating__star-fill">{@render glyph(star.value, true)}</span>
+			</span>
+		{/each}<span class="so-rating__thumb">
+			<input
+				class="so-rating__input"
+				type="range"
+				min="0"
+				max={state.max}
+				step={state.step}
+				value={state.value}
+				id={state.id}
+				name={state.name}
+				disabled={state.disabled}
+				{...state.aria}
+			/>
+		</span>
+	</span>
+</Dynamic>

package/dist/components/rating/Rating.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { RatingProps } from './base.component';
+declare const Rating: import("svelte").Component<RatingProps, {}, "ref">;
+type Rating = ReturnType<typeof Rating>;
+export default Rating;

package/dist/components/rating/base.component.d.ts

@@ -0,0 +1,6 @@
+import type { IRating } from '@soxa-ui/core';
+import type { RatingDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseDomProps } from '../../types';
+export type RatingEventProps = EventProps<typeof RatingDescriptor>;
+/** Атрибуты — корню: указатель поле не ловит. */
+export type RatingProps = UseDomProps<typeof RatingDescriptor, IRating, RatingEventProps>;

package/dist/components/rating/base.component.js

@@ -0,0 +1 @@
+export {};

package/dist/components/rating/index.d.ts

@@ -0,0 +1,3 @@
+export * from './base.component';
+export { setupRating } from './setup.component';
+export { default as Rating } from './Rating.svelte';

package/dist/components/rating/index.js

@@ -0,0 +1,3 @@
+export * from './base.component';
+export { setupRating } from './setup.component';
+export { default as Rating } from './Rating.svelte';

package/dist/components/rating/setup.component.d.ts

@@ -0,0 +1,51 @@
+import { type TRootReceiver } from '../../adapter';
+import type { RatingProps } from './base.component';
+export declare function setupRating(getProps: () => RatingProps, mountId: string, receive: TRootReceiver): import("../../adapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IRating, {
+    props: object & {} & {} & {} & {
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+    } & {
+        id?: string | undefined;
+    } & {} & {} & {} & {} & {} & {};
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => void;
+    } & {} & {
+        "action:click": (event: MouseEvent) => void;
+        "action:press": (event: MouseEvent) => void;
+        "action:focus": (event: FocusEvent) => void;
+        "action:blur": (event: FocusEvent) => void;
+    } & {
+        "aria:change:label": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        "aria:change:labelledBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        "aria:change:describedBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+    } & {
+        "change:id": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+    } & {} & {} & {} & {} & {};
+    outputs: object & {} & {} & {} & {} & {} & {} & {} & {} & {} & {} & {};
+}>, RatingProps, import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IRating, {
+    props: object & {} & {} & {} & {
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+    } & {
+        id?: string | undefined;
+    } & {} & {} & {} & {} & {} & {};
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => void;
+    } & {} & {
+        "action:click": (event: MouseEvent) => void;
+        "action:press": (event: MouseEvent) => void;
+        "action:focus": (event: FocusEvent) => void;
+        "action:blur": (event: FocusEvent) => void;
+    } & {
+        "aria:change:label": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        "aria:change:labelledBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        "aria:change:describedBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+    } & {
+        "change:id": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+    } & {} & {} & {} & {} & {};
+    outputs: object & {} & {} & {} & {} & {} & {} & {} & {} & {} & {} & {};
+}>>>;

package/dist/components/rating/setup.component.js

@@ -0,0 +1,11 @@
+import { RatingDescriptor, TFieldControlExtension } from '@soxa-ui/setup';
+import { createSvelteAdapterContext, useAdapter, useElevator, } from '../../adapter';
+export function setupRating(getProps, mountId, receive) {
+    const elevator = useElevator();
+    const adapter = createSvelteAdapterContext(RatingDescriptor(), {
+        ctrl: getProps().ctrl,
+        props: getProps(),
+        mountId,
+    }).use(TFieldControlExtension, { elevator });
+    return useAdapter(adapter, getProps, receive);
+}

package/dist/components/scroller/Scroller.svelte

@@ -0,0 +1,67 @@
+<script lang="ts">
+	import { Dynamic, roleIcon, toRootProps } from '../../adapter'
+	import { Button } from '../button'
+	import { Icon } from '../icon'
+	import { setupScroller } from './setup.component'
+	import type { ScrollerProps } from './base.component'
+
+	let { ref = $bindable(), ...props }: ScrollerProps = $props()
+	const mountId = $props.id()
+
+	const binding = setupScroller(() => props, mountId, (node) => (ref = node))
+	const state = binding.state
+
+	// Одна иконка на обе кнопки: роли «влево» нет, стрелку в начало строки зеркалит тема
+	const ARROW = roleIcon('arrowRight')
+</script>
+
+<!--
+	Кнопки снаружи вьюпорта: роль ряда (`listbox` у тегов) приходит на вьюпорт, а кнопке в
+	листбоксе места нет. Вьюпорт — он же ряд, без дорожки: по его детям тема ставит снап, а плагин
+	считает края. `tabindex` — набором и до `viewportAria`: значение потребителя сильнее, а роль из
+	набора компилятор Svelte не видит и счёл бы остановку на `div` ошибкой доступности.
+-->
+<Dynamic
+	rendered={state.rendered}
+	tag={state.tag}
+	attributes={toRootProps(
+		state,
+		[state.attrs, state.aria, state.dataset],
+		binding.forwardProps,
+	)}
+	attach={binding.attachElement}
+>
+	<Button
+		embedded="scroller.prev"
+		type="button"
+		class="so-scroller__prev"
+		size={state.size}
+		disabled={state.prevDisabled}
+		{...state.prevAria}
+	>
+		{#if props['prev-icon']}
+			{@render props['prev-icon']()}
+		{:else}
+			<Icon embedded="scroller.prev-icon" tag={ARROW} size={state.size} />
+		{/if}
+	</Button><div
+		class="so-scroller__viewport"
+		{...{ tabindex: state.viewportTabIndex }}
+		{...state.viewportAria}
+	>
+		{@render props.children?.()}
+	</div><Button
+		embedded="scroller.next"
+		type="button"
+		class="so-scroller__next"
+		size={state.size}
+		disabled={state.nextDisabled}
+		{...state.nextAria}
+	>
+		{#if props['next-icon']}
+			{@render props['next-icon']()}
+		{:else}
+			<Icon embedded="scroller.next-icon" tag={ARROW} size={state.size} />
+		{/if}
+	</Button>
+</Dynamic>

package/dist/components/scroller/Scroller.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { ScrollerProps } from './base.component';
+declare const Scroller: import("svelte").Component<ScrollerProps, {}, "ref">;
+type Scroller = ReturnType<typeof Scroller>;
+export default Scroller;

package/dist/components/scroller/base.component.d.ts

@@ -0,0 +1,6 @@
+import type { IScroller } from '@soxa-ui/core';
+import type { ScrollerDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseDomProps } from '../../types';
+export type ScrollerEventProps = EventProps<typeof ScrollerDescriptor>;
+/** Атрибуты — корню; роль ряда вьюпорт получает пропом `viewportAria`. */
+export type ScrollerProps = UseDomProps<typeof ScrollerDescriptor, IScroller, ScrollerEventProps>;

package/dist/components/scroller/base.component.js

@@ -0,0 +1 @@
+export {};

package/dist/components/scroller/index.d.ts

@@ -0,0 +1,3 @@
+export * from './base.component';
+export { setupScroller } from './setup.component';
+export { default as Scroller } from './Scroller.svelte';

package/dist/components/scroller/index.js

@@ -0,0 +1,3 @@
+export * from './base.component';
+export { setupScroller } from './setup.component';
+export { default as Scroller } from './Scroller.svelte';

package/dist/components/scroller/setup.component.d.ts

@@ -0,0 +1,43 @@
+import { type TRootReceiver } from '../../adapter';
+import type { ScrollerProps } from './base.component';
+export declare function setupScroller(getProps: () => ScrollerProps, mountId: string, receive: TRootReceiver): import("../../adapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IScroller, {
+    props: object & {} & {} & {} & {
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+    } & {} & {} & {};
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => void;
+    } & {} & {
+        "action:click": (event: MouseEvent) => void;
+        "action:press": (event: MouseEvent) => void;
+        "action:focus": (event: FocusEvent) => void;
+        "action:blur": (event: FocusEvent) => void;
+    } & {
+        "aria:change:label": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        "aria:change:labelledBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        "aria:change:describedBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+    } & {} & {};
+    outputs: object & {} & {} & {} & {} & {} & {} & {};
+}>, ScrollerProps, import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IScroller, {
+    props: object & {} & {} & {} & {
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+    } & {} & {} & {};
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => void;
+    } & {} & {
+        "action:click": (event: MouseEvent) => void;
+        "action:press": (event: MouseEvent) => void;
+        "action:focus": (event: FocusEvent) => void;
+        "action:blur": (event: FocusEvent) => void;
+    } & {
+        "aria:change:label": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        "aria:change:labelledBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        "aria:change:describedBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+    } & {} & {};
+    outputs: object & {} & {} & {} & {} & {} & {} & {};
+}>>>;

package/dist/components/scroller/setup.component.js

@@ -0,0 +1,10 @@
+import { ScrollerDescriptor } from '@soxa-ui/setup';
+import { createSvelteAdapterContext, useAdapter } from '../../adapter';
+export function setupScroller(getProps, mountId, receive) {
+    const adapter = createSvelteAdapterContext(ScrollerDescriptor(), {
+        ctrl: getProps().ctrl,
+        props: getProps(),
+        mountId,
+    });
+    return useAdapter(adapter, getProps, receive);
+}