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

package/dist/components/toasts/Toasts.svelte

@@ -0,0 +1,58 @@
+<script lang="ts">
+	import type { TToastsItemType } from '@soxa-ui/core'
+	import { Dynamic, Teleport, toRootProps } from '../../adapter'
+	import { ToastsItem } from './item'
+	import { setupToasts } from './setup.component'
+	import type { ToastsProps } from './base.component'
+
+	let { ref = $bindable(), ...props }: ToastsProps = $props()
+	const mountId = $props.id()
+
+	const binding = setupToasts(() => props, mountId, (node) => (ref = node))
+	const state = binding.state
+</script>
+
+<!--
+	`children` — само приложение, вне условия региона: оно рисуется и без него. Регион стоит
+	всегда, и пустым: живая область должна быть в документе до первого тоста. Слоты тоста
+	отдаются ему, только когда заданы менеджеру: сниппет непрозрачен. Приложение и регион стоят
+	вплотную: пробел Svelte оставил бы в разметке родителя текстом.
+-->
+{@render props.children?.()}{#if state.rendered}
+	<Teleport to={state.target}>
+		<Dynamic
+			rendered
+			tag={state.tag}
+			attributes={toRootProps(
+				state,
+				[state.attrs, state.aria, state.dataset],
+				binding.forwardProps,
+			)}
+			attach={binding.attachElement}
+		>
+			<ol class="so-toasts__list">
+				{#each state.shown ?? [] as item (item.uid)}
+					{#snippet icon(scope: { type: TToastsItemType | undefined })}
+						{@render props['item-icon']?.({ ...scope, item })}
+					{/snippet}
+					{#snippet text(scope: { text: string })}
+						{@render props.item?.({ ...scope, item })}
+					{/snippet}
+					{#snippet content()}
+						{@render props['item-content']?.({ item })}
+					{/snippet}
+					{#snippet closeIcon()}
+						{@render props['item-close-icon']?.({ item })}
+					{/snippet}
+					<ToastsItem
+						ctrl={item}
+						icon={props['item-icon'] ? icon : undefined}
+						content={props['item-content'] ? content : undefined}
+						close-icon={props['item-close-icon'] ? closeIcon : undefined}
+						children={props.item ? text : undefined}
+					/>
+				{/each}
+			</ol>
+		</Dynamic>
+	</Teleport>
+{/if}

package/dist/components/toasts/Toasts.svelte.d.ts

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

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

@@ -0,0 +1,6 @@
+import type { IToasts } from '@soxa-ui/core';
+import type { ToastsCollectionDescriptor, ToastsDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseDomProps } from '../../types';
+export type ToastsEventProps = EventProps<typeof ToastsDescriptor> & EventProps<typeof ToastsCollectionDescriptor>;
+/** Атрибуты — региону: приложение в `children` разметки вокруг не получает. */
+export type ToastsProps = UseDomProps<typeof ToastsDescriptor, IToasts, ToastsEventProps>;

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

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

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

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

package/dist/components/toasts/index.js

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

package/dist/components/toasts/item/Item.svelte

@@ -0,0 +1,94 @@
+<script lang="ts">
+	import type { TToastsItemType } from '@soxa-ui/core'
+	import { clickAction, Dynamic, isToastRender, roleIcon, toRootProps, type TRoleIcon } from '../../../adapter'
+	import { Button } from '../../button'
+	import { Icon } from '../../icon'
+	import { ProgressSpinner } from '../../progress-spinner'
+	import { setupToastsItem } from './setup.component'
+	import type { ToastsItemProps } from './base.component'
+
+	let { ref = $bindable(), ...props }: ToastsItemProps = $props()
+	const mountId = $props.id()
+
+	const binding = setupToastsItem(() => props, mountId, (node) => (ref = node))
+	const state = binding.state
+	const ctrl = binding.ctrl
+	const close = clickAction(() => ctrl.close())
+
+	/** Значок у каждого вида свой: в режиме принудительных цветов вид различает только глиф. */
+	const TYPE_ICONS = {
+		info: roleIcon('info'),
+		success: roleIcon('success'),
+		warning: roleIcon('warning'),
+		error: roleIcon('error'),
+	} satisfies Record<TToastsItemType, TRoleIcon>
+
+	/** Значок обычного сообщения — тоста без вида. */
+	const NOTIFICATION = roleIcon('notification')
+
+	const CLOSE = roleIcon('close')
+</script>
+
+<!--
+	Корню состояние отдаётся поимённо, без `order`: CSS-свойства `order` у тоста нет, `order`
+	фасада — глубина в стопке. Плашка — отдельный узел: место растёт и схлопывается переходом
+	высоты без замеров, а плашка своего размера не меняет. Крестик — последним: последняя
+	остановка Tab. Вокруг частей пробелов нет: пустую часть тема сворачивает по `:empty`.
+-->
+<Dynamic
+	rendered={state.rendered}
+	tag={state.tag}
+	attributes={toRootProps(
+		{ classes: state.classes, visible: state.visible },
+		[state.attrs, state.aria, state.dataset],
+		binding.forwardProps,
+		{ '--so-toasts-depth': state.order ?? '' },
+	)}
+	attach={binding.attachElement}
+>
+	<div class="so-toasts-item__card">
+		<span class="so-toasts-item__icon" aria-hidden="true">
+			{#if state.loading}
+				<ProgressSpinner embedded="toasts.spinner" indeterminate />
+			{:else if props.icon}
+				{@render props.icon({ type: state.type })}
+			{:else}
+				<Icon
+					embedded="toasts.icon"
+					tag={state.type ? TYPE_ICONS[state.type] : NOTIFICATION}
+				/>
+			{/if}
+		</span><div class="so-toasts-item__body">
+			<div class="so-toasts-item__text">
+				{#if props.children}
+					{@render props.children({ text: state.text ?? '' })}
+				{:else}
+					{state.text}
+				{/if}
+			</div><div class="so-toasts-item__description">{state.description}</div><div
+				class="so-toasts-item__content"
+			>
+				{#if props.content}
+					{@render props.content()}
+				{:else if isToastRender(state.render)}
+					{@const Render = state.render}
+					<Render toast={ctrl} />
+				{/if}
+			</div>
+		</div>{#if state.closable}
+			<Button
+				embedded="toasts.close"
+				type="button"
+				class="so-toasts-item__close"
+				{@attach close}
+				{...state.closeAria}
+			>
+				{#if props['close-icon']}
+					{@render props['close-icon']()}
+				{:else}
+					<Icon embedded="toasts.close-icon" tag={CLOSE} />
+				{/if}
+			</Button>
+		{/if}
+	</div>
+</Dynamic>

package/dist/components/toasts/item/Item.svelte.d.ts

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

package/dist/components/toasts/item/base.component.d.ts

@@ -0,0 +1,6 @@
+import type { IToastsItem } from '@soxa-ui/core';
+import type { ToastsCollectionItemDescriptor, ToastsItemDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseDomProps } from '../../../types';
+export type ToastsItemEventProps = EventProps<typeof ToastsItemDescriptor> & EventProps<typeof ToastsCollectionItemDescriptor>;
+/** Внутренняя часть менеджера: наружу пакета не выходит. */
+export type ToastsItemProps = UseDomProps<typeof ToastsItemDescriptor, IToastsItem, ToastsItemEventProps>;

package/dist/components/toasts/item/base.component.js

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

package/dist/components/toasts/item/index.d.ts

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

package/dist/components/toasts/item/index.js

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

package/dist/components/toasts/item/setup.component.d.ts

@@ -0,0 +1,21 @@
+import { type TRootReceiver } from '../../../adapter';
+import type { ToastsItemProps } from './base.component';
+export declare function setupToastsItem(getProps: () => ToastsItemProps, mountId: string, receive: TRootReceiver): import("../../../adapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IToastsItem<import("@soxa-ui/core").IToastsItemProps, import("@soxa-ui/core").TToastsItemEvents>, {
+    props: object & {} & {} & {} & {};
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => void;
+    } & {} & {} & {};
+    outputs: object & {} & {} & {} & {};
+}>, ToastsItemProps, import("../../../adapter/runtime/state").TJoinedState<import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").TToastsItemCollectionFacade, {
+    props: object;
+    events: object;
+    outputs: object;
+}>>, import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IToastsItem<import("@soxa-ui/core").IToastsItemProps, import("@soxa-ui/core").TToastsItemEvents>, {
+    props: object & {} & {} & {} & {};
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => void;
+    } & {} & {} & {};
+    outputs: object & {} & {} & {} & {};
+}>>>>;

package/dist/components/toasts/item/setup.component.js

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

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

@@ -0,0 +1,25 @@
+import { type TRootReceiver } from '../../adapter';
+import type { ToastsProps } from './base.component';
+export declare function setupToasts(getProps: () => ToastsProps, mountId: string, receive: TRootReceiver): import("../../adapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IToasts<import("@soxa-ui/core").IToastsProps, import("@soxa-ui/core").TToastsEvents>, {
+    props: object & {} & {} & {} & {} & {} & {} & {} & {} & {} & {};
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => void;
+    } & {} & {} & {} & {} & {} & {} & {} & {} & {};
+    outputs: object & {} & {} & {} & {} & {} & {} & {} & {} & {
+        readonly layout_styles: Record<string, string | number>;
+    } & {};
+}>, ToastsProps, import("../../adapter/runtime/state").TJoinedState<import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").TToastsCollectionFacade, {
+    props: object;
+    events: object;
+    outputs: object;
+}>>, import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IToasts<import("@soxa-ui/core").IToastsProps, import("@soxa-ui/core").TToastsEvents>, {
+    props: object & {} & {} & {} & {} & {} & {} & {} & {} & {} & {};
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => void;
+    } & {} & {} & {} & {} & {} & {} & {} & {} & {};
+    outputs: object & {} & {} & {} & {} & {} & {} & {} & {} & {
+        readonly layout_styles: Record<string, string | number>;
+    } & {};
+}>>>>;

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

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

package/dist/components/tooltip/Tooltip.svelte

@@ -0,0 +1,37 @@
+<script lang="ts">
+	import { Dynamic, toRootProps } from '../../adapter'
+	import { Frame } from '../frame'
+	import { setupTooltip } from './setup.component'
+	import type { TooltipProps } from './base.component'
+
+	let { ref = $bindable(), ...props }: TooltipProps = $props()
+	const mountId = $props.id()
+
+	const binding = setupTooltip(() => props, mountId, (node) => (ref = node))
+	const state = binding.state
+</script>
+
+<!--
+	В корне только триггер: курсор на триггере — курсор на корне, цели наведения. Триггер и панель
+	стоят вплотную: пробел Svelte оставил бы в корне текстом.
+-->
+<Dynamic
+	rendered={state.rendered}
+	tag={state.tag}
+	attributes={toRootProps(state, [state.attrs, state.dataset], binding.forwardProps)}
+	attach={binding.attachElement}
+>
+	{@render props.trigger?.({ triggerAria: state.triggerAria ?? {} })}<Frame
+		embedded="tooltip.frame"
+		class="so-tooltip__panel"
+		visible={state.visible && state.open}
+		strategy="fixed"
+		anchor_anchor={binding.rootElement}
+		anchor_placement={state.placement}
+		anchor_offset={6}
+		{...state.aria}
+		{...state.dismiss_ownerAttribute}
+	>
+		<div class="so-tooltip__content">{@render props.children?.()}</div>
+	</Frame>
+</Dynamic>

package/dist/components/tooltip/Tooltip.svelte.d.ts

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

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

@@ -0,0 +1,6 @@
+import type { ITooltip } from '@soxa-ui/core';
+import type { TooltipDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseDomProps } from '../../types';
+export type TooltipEventProps = EventProps<typeof TooltipDescriptor>;
+/** Атрибуты — обёртке триггера, а не панели. */
+export type TooltipProps = UseDomProps<typeof TooltipDescriptor, ITooltip, TooltipEventProps>;

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

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

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

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

package/dist/components/tooltip/index.js

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

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

@@ -0,0 +1,31 @@
+import { type TRootReceiver } from '../../adapter';
+import type { TooltipProps } from './base.component';
+export declare function setupTooltip(getProps: () => TooltipProps, mountId: string, receive: TRootReceiver): import("../../adapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").ITooltip, {
+    props: object & {} & {} & {
+        dismiss_enabled?: boolean | undefined;
+    } & {} & {};
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => void;
+    } & {} & {
+        "dismiss:dismiss": (event: MouseEvent | FocusEvent) => void;
+        "dismiss:change:enabled": (payload: import("@soxa-ui/core").TValuePayload<boolean>) => void;
+    } & {} & {};
+    outputs: object & {} & {} & {
+        readonly dismiss_ownerAttribute: Record<string, string>;
+    } & {} & {};
+}>, TooltipProps, import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").ITooltip, {
+    props: object & {} & {} & {
+        dismiss_enabled?: boolean | undefined;
+    } & {} & {};
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => void;
+    } & {} & {
+        "dismiss:dismiss": (event: MouseEvent | FocusEvent) => void;
+        "dismiss:change:enabled": (payload: import("@soxa-ui/core").TValuePayload<boolean>) => void;
+    } & {} & {};
+    outputs: object & {} & {} & {
+        readonly dismiss_ownerAttribute: Record<string, string>;
+    } & {} & {};
+}>>>;

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

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

package/dist/components/value-control/base.component.d.ts

@@ -0,0 +1,6 @@
+import type { IValueControl } from '@soxa-ui/core';
+import type { ValueControlDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseProps } from '../../types';
+export type ValueControlEventProps = EventProps<typeof ValueControlDescriptor>;
+/** Тип значения сужает наследник. */
+export type ValueControlProps = UseProps<typeof ValueControlDescriptor, IValueControl<unknown>, ValueControlEventProps>;

package/dist/components/value-control/base.component.js

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

package/dist/components/value-control/index.d.ts

@@ -0,0 +1,2 @@
+export * from './base.component';
+export { setupValueControl } from './setup.component';

package/dist/components/value-control/index.js

@@ -0,0 +1,2 @@
+export * from './base.component';
+export { setupValueControl } from './setup.component';

package/dist/components/value-control/setup.component.d.ts

@@ -0,0 +1,42 @@
+import type { ValueControlProps } from './base.component';
+export declare function setupValueControl(getProps: () => ValueControlProps, mountId: string): import("../../adapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IValueControl<unknown, import("@soxa-ui/core").IValueControlProps<unknown>, import("@soxa-ui/core").TValueControlEvents<unknown>>, {
+    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 & {} & {} & {} & {};
+}>, ValueControlProps, import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IValueControl<unknown, import("@soxa-ui/core").IValueControlProps<unknown>, import("@soxa-ui/core").TValueControlEvents<unknown>>, {
+    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/value-control/setup.component.js

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

package/dist/components/virtual/Virtual.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+	import { setupVirtual } from './setup.component'
+	import type { VirtualProps } from './base.component'
+
+	const props: VirtualProps = $props()
+	const mountId = $props.id()
+
+	setupVirtual(() => props, mountId)
+</script>
+
+<!-- Своего узла нет: подключение к окну коллекция в детях подхватывает лифтом. -->
+{@render props.children?.()}

package/dist/components/virtual/Virtual.svelte.d.ts

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

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

@@ -0,0 +1,6 @@
+import type { IVirtual } from '@soxa-ui/core';
+import type { VirtualDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseProps } from '../../types';
+export type VirtualEventProps = EventProps<typeof VirtualDescriptor>;
+/** Без атрибутов и `ref`: своего узла у обёртки нет. */
+export type VirtualProps = UseProps<typeof VirtualDescriptor, IVirtual, VirtualEventProps>;

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

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

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

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

package/dist/components/virtual/index.js

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

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

@@ -0,0 +1,10 @@
+import type { VirtualProps } from './base.component';
+export declare function setupVirtual(getProps: () => VirtualProps, mountId: string): import("../../adapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IVirtual, {
+    props: object;
+    events: object;
+    outputs: object;
+}>, VirtualProps, import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IVirtual, {
+    props: object;
+    events: object;
+    outputs: object;
+}>>>;

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

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

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+/** Application API. Assembly helpers stay inside the adapter. */
+export { ComponentView, Button, Icon, Label, Field, Frame, ProgressSpinner, ProgressLinear, Skeleton, Input, NumberInput, DateInput, Textarea, CheckBox, Switch, Slider, Rating, RadioGroup, RadioGroupItem, ListBox, ListBoxItem, ListBoxGroup, Tags, TagsItem, Select, SelectItem, SelectGroup, Calendar, CalendarItem, DatePicker, Tabs, TabsItem, TabsContent, Accordion, AccordionItem, Table, TableColumn, TableRow, Virtual, Scroller, Pagination, DragAndDrop, Popover, Tooltip, Menu, MenuItem, MenuCheckboxItem, MenuRadioItem, MenuSubmenu, MenuPopoverItem, MenuGroup, MenuRadioGroup, MenuSeparator, Dialog, Drawer, Toasts, } from './components';
+export type { ComponentEventProps, ComponentProps, ComponentViewEventProps, ComponentViewProps, StylableEventProps, StylableProps, InteractiveEventProps, InteractiveProps, ControlEventProps, ControlProps, ValueControlEventProps, ValueControlProps, InputControlEventProps, InputControlProps, TextableEventProps, TextableProps, ButtonEventProps, ButtonProps, IconEventProps, IconProps, LabelEventProps, LabelProps, FieldEventProps, FieldProps, FrameEventProps, FrameProps, ProgressSpinnerEventProps, ProgressSpinnerProps, ProgressLinearEventProps, ProgressLinearProps, SkeletonEventProps, SkeletonProps, InputEventProps, InputAttributes, InputProps, NumberInputEventProps, NumberInputAttributes, NumberInputProps, DateInputEventProps, DateInputProps, TextareaEventProps, TextareaAttributes, TextareaProps, CheckBoxEventProps, CheckBoxAttributes, CheckBoxProps, SwitchEventProps, SwitchAttributes, SwitchProps, SliderEventProps, SliderProps, RatingEventProps, RatingProps, RadioGroupEventProps, RadioGroupProps, RadioGroupItemEventProps, RadioGroupItemAttributes, RadioGroupItemProps, ListBoxEventProps, ListBoxAttributes, ListBoxProps, ListBoxItemEventProps, ListBoxItemAttributes, ListBoxItemProps, ListBoxGroupEventProps, ListBoxGroupProps, TagsEventProps, TagsProps, TagsItemEventProps, TagsItemAttributes, TagsItemProps, SelectEventProps, SelectAttributes, SelectProps, SelectItemEventProps, SelectItemAttributes, SelectItemProps, SelectGroupEventProps, SelectGroupProps, CalendarEventProps, CalendarProps, CalendarItemEventProps, CalendarItemProps, DatePickerEventProps, DatePickerProps, TabsEventProps, TabsAttributes, TabsProps, TabsItemEventProps, TabsItemAttributes, TabsItemProps, TabsContentEventProps, TabsContentProps, AccordionEventProps, AccordionProps, AccordionItemEventProps, AccordionItemAttributes, AccordionItemProps, TableEventProps, TableProps, TableColumnEventProps, TableColumnProps, TableRowEventProps, TableRowProps, VirtualEventProps, VirtualProps, ScrollerEventProps, ScrollerProps, PaginationEventProps, PaginationProps, DragAndDropEventProps, DragAndDropProps, PopoverEventProps, PopoverProps, TooltipEventProps, TooltipProps, MenuEventProps, MenuProps, MenuItemEventProps, MenuItemAttributes, MenuItemProps, MenuCheckboxItemEventProps, MenuCheckboxItemAttributes, MenuCheckboxItemProps, MenuRadioItemEventProps, MenuRadioItemAttributes, MenuRadioItemProps, MenuSubmenuEventProps, MenuSubmenuAttributes, MenuSubmenuProps, MenuPopoverItemEventProps, MenuPopoverItemAttributes, MenuPopoverItemProps, MenuGroupEventProps, MenuGroupProps, MenuRadioGroupEventProps, MenuRadioGroupProps, MenuSeparatorEventProps, MenuSeparatorProps, DialogEventProps, DialogProps, DrawerEventProps, DrawerProps, ToastsEventProps, ToastsProps, } from './components';
+export { roleIcon } from './adapter/common';
+export { LocaleProvider } from './adapter/locale';
+export { useToasts } from './adapter/toasts';
+export type { TToastRender } from './adapter/toasts';
+export type { TLocaleProviderProps } from './adapter/locale';
+export type { TRoleIcon } from './adapter/common';

package/dist/index.js

@@ -0,0 +1,5 @@
+/** Application API. Assembly helpers stay inside the adapter. */
+export { ComponentView, Button, Icon, Label, Field, Frame, ProgressSpinner, ProgressLinear, Skeleton, Input, NumberInput, DateInput, Textarea, CheckBox, Switch, Slider, Rating, RadioGroup, RadioGroupItem, ListBox, ListBoxItem, ListBoxGroup, Tags, TagsItem, Select, SelectItem, SelectGroup, Calendar, CalendarItem, DatePicker, Tabs, TabsItem, TabsContent, Accordion, AccordionItem, Table, TableColumn, TableRow, Virtual, Scroller, Pagination, DragAndDrop, Popover, Tooltip, Menu, MenuItem, MenuCheckboxItem, MenuRadioItem, MenuSubmenu, MenuPopoverItem, MenuGroup, MenuRadioGroup, MenuSeparator, Dialog, Drawer, Toasts, } from './components';
+export { roleIcon } from './adapter/common';
+export { LocaleProvider } from './adapter/locale';
+export { useToasts } from './adapter/toasts';

package/dist/types.d.ts

@@ -0,0 +1,41 @@
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes, HTMLInputAttributes, HTMLTextareaAttributes } from 'svelte/elements';
+import type { IEntity } from '@soxa-ui/core';
+import type { IComponentDescriptor, DescriptorAllProps, DescriptorCallbackEvents, DescriptorComponentProps, DescriptorSlots, DEFAULT_SLOT, TContractOf } from '@soxa-ui/setup';
+/** Событийные пропы компонента из дескриптора (core + плагины). */
+export type EventProps<TDescriptorFn extends (...args: any[]) => IComponentDescriptor> = DescriptorCallbackEvents<TDescriptorFn>;
+/**
+ * Слоты — snippet-пропы; `default` — `children`. Сниппет без параметров
+ * присваивается `Snippet<[S]>`, поэтому слот со scope принимает и его.
+ */
+export type TSnippetSlots<TSlots extends object> = {
+    [K in keyof TSlots as K extends typeof DEFAULT_SLOT ? 'children' : K]?: TSlots[K] extends object ? keyof TSlots[K] extends never ? Snippet : Snippet<[TSlots[K]]> : Snippet;
+};
+/** Слоты компонента из дескриптора. */
+export type SlotProps<TDescriptorFn extends (...args: any[]) => IComponentDescriptor> = TSnippetSlots<DescriptorSlots<TDescriptorFn>>;
+/** Props headless-слоя: core props + события + слоты. */
+export type UseProps<TDescriptorFn extends (...args: any[]) => IComponentDescriptor, TInstance extends IEntity = IEntity, TEvents extends object = EventProps<TDescriptorFn>> = DescriptorComponentProps<TDescriptorFn, TInstance> & TEvents & SlotProps<TDescriptorFn>;
+/**
+ * HTML-атрибуты без того, что съедает связка: входов, защищённых пропсов,
+ * слотов и событий дескриптора (`TEvents` — у коллекции и фасада), — как
+ * `TDomAttributes` у React. `children` вычитается всегда: содержимое — только
+ * слот `default`. AGENTS.md (Svelte), «Типы пропсов».
+ */
+export type TDomAttributes<TDescriptorFn extends (...args: any[]) => IComponentDescriptor, TEvents extends object = EventProps<TDescriptorFn>, TAttributes extends object = HTMLAttributes<HTMLElement>> = Omit<TAttributes, 'children' | keyof DescriptorAllProps<TDescriptorFn> | TContractOf<TDescriptorFn>['protectedName'] | keyof SlotProps<TDescriptorFn> | keyof TEvents>;
+/** Атрибуты `<input>` полей без того, что поле ведёт из ядра само. */
+export type TFieldAttributes = Omit<HTMLInputAttributes, 'checked' | 'indeterminate' | 'defaultChecked' | 'defaultchecked' | 'defaultValue' | 'defaultvalue' | 'readonly'>;
+/** Атрибуты `<textarea>` без того, что поле ведёт из ядра само. */
+export type TTextareaAttributes = Omit<HTMLTextareaAttributes, 'defaultValue' | 'defaultvalue' | 'readonly' | 'maxlength'>;
+/**
+ * Корень компонента — связываемый проп `ref` (`bind:ref`): `bind:this` даёт
+ * экземпляр, а не узел. У поля тоже корень. До монтирования и на сервере не
+ * пишется.
+ */
+export type TRootRefProps = {
+    ref?: Element | null;
+};
+/**
+ * Props DOM-компонента: UseProps, атрибуты (`TAttributes` — корня, у полей
+ * `TFieldAttributes`, у Button — кнопки) и `ref`.
+ */
+export type UseDomProps<TDescriptorFn extends (...args: any[]) => IComponentDescriptor, TInstance extends IEntity = IEntity, TEvents extends object = EventProps<TDescriptorFn>, TAttributes extends object = HTMLAttributes<HTMLElement>> = UseProps<TDescriptorFn, TInstance, TEvents> & TDomAttributes<TDescriptorFn, TEvents, TAttributes> & TRootRefProps;

package/dist/types.js

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