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

package/dist/components/tags/Tags.element.js

@@ -0,0 +1,24 @@
+import { defineElement } from "../../adapter/runtime/defineElement.js";
+import { ElementBase } from "../../adapter/runtime/element.base.js";
+import "../../adapter/index.js";
+import { TTagsItemElement } from "./item/TagsItem.element.js";
+import "./item/index.js";
+import { tagsTemplate } from "./tags.template.js";
+import { setupTags } from "./setup.component.js";
+import { TagsCollectionDescriptor, TagsDescriptor } from "@soxa-ui/setup";
+//#region src/components/tags/Tags.element.ts
+/**
+* `<div is="so-tags">` — набор тегов: теги разметкой в слоте по умолчанию или
+* данными (`items`, `engine`). Модуль регистрирует и тег.
+* docs/architecture.md, Layer 8d, «Набор тегов и поле выбора».
+*/
+var TTagsElement = ElementBase(HTMLDivElement, {
+	descriptor: TagsDescriptor,
+	facade: TagsCollectionDescriptor,
+	template: tagsTemplate,
+	setup: setupTags
+});
+defineElement("so-tags", TTagsElement, "div");
+defineElement("so-tags-item", TTagsItemElement, "div");
+//#endregion
+export { TTagsElement };

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

@@ -0,0 +1,5 @@
+/** Application API for this element entry. */
+export { TTagsElement } from './Tags.element';
+export type { TTagsElementProps } from './Tags.element';
+export { TTagsItemElement } from './item/TagsItem.element';
+export type { TTagsItemElementProps } from './item/TagsItem.element';

package/dist/components/tags/index.js

@@ -0,0 +1,3 @@
+import { TTagsItemElement } from "./item/TagsItem.element.js";
+import { TTagsElement } from "./Tags.element.js";
+export { TTagsElement, TTagsItemElement };

package/dist/components/tags/item/TagsItem.element.d.ts

@@ -0,0 +1,11 @@
+/**
+ * `<div is="so-tags-item">` — тег: корень — пилюля, строка — Button на `div` и
+ * поле корня (атрибуты разметки тега едут на неё), крестик — сосед строки.
+ * Место — `order`: ряд тегов — флексбокс. docs/architecture.md, Layer 8d,
+ * «Набор тегов и поле выбора».
+ */
+import { TagsItemDescriptor } from '@soxa-ui/setup';
+import type { ITagsItem, TTagsItemCollectionFacade } from '@soxa-ui/core';
+import type { TElementClassOf, TElementType } from '../../../adapter';
+export declare const TTagsItemElement: TElementClassOf<typeof HTMLDivElement, typeof TagsItemDescriptor, ITagsItem, TTagsItemCollectionFacade>;
+export type TTagsItemElementProps = TElementType<typeof TTagsItemElement>;

package/dist/components/tags/item/TagsItem.element.js

@@ -0,0 +1,26 @@
+import { ElementBase } from "../../../adapter/runtime/element.base.js";
+import "../../../adapter/index.js";
+import { setupTagsItem } from "./setup.component.js";
+import { tagsItemTemplate } from "./tags-item.template.js";
+import { TagsCollectionItemDescriptor, TagsItemDescriptor } from "@soxa-ui/setup";
+//#region src/components/tags/item/TagsItem.element.ts
+/**
+* `<div is="so-tags-item">` — тег: корень — пилюля, строка — Button на `div` и
+* поле корня (атрибуты разметки тега едут на неё), крестик — сосед строки.
+* Место — `order`: ряд тегов — флексбокс. docs/architecture.md, Layer 8d,
+* «Набор тегов и поле выбора».
+*/
+var TTagsItemElement = ElementBase(HTMLDivElement, {
+	descriptor: TagsItemDescriptor,
+	facade: TagsCollectionItemDescriptor,
+	template: tagsItemTemplate,
+	root: {
+		strategy: "host",
+		sets: ["attrs", "dataset"],
+		order: true,
+		control: true
+	},
+	setup: setupTagsItem
+});
+//#endregion
+export { TTagsItemElement };

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

@@ -0,0 +1,3 @@
+export { setupTagsItem } from './setup.component';
+export { TTagsItemElement, type TTagsItemElementProps } from './TagsItem.element';
+export { tagsItemTemplate } from './tags-item.template';

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

@@ -0,0 +1,3 @@
+import "./setup.component.js";
+import "./tags-item.template.js";
+export { TTagsItemElement } from "./TagsItem.element.js";

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

@@ -0,0 +1,3 @@
+import type { ITagsItem, TTagsItemCollectionFacade } from '@soxa-ui/core';
+import type { TBinding, TUpdateListener } from '../../../adapter';
+export declare function setupTagsItem(host: HTMLElement, ctrl: ITagsItem | undefined, props: Record<string, unknown>, onUpdate: TUpdateListener): TBinding<ITagsItem, TTagsItemCollectionFacade>;

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

@@ -0,0 +1,22 @@
+import { createWebcAdapterContext } from "../../../adapter/common/createWebcAdapterContext.js";
+import { joinBindings, useAdapter, useCollectionAdapter } from "../../../adapter/runtime/useAdapter.js";
+import { createWebcElevator } from "../../../adapter/elevator/factory.js";
+import "../../../adapter/elevator/index.js";
+import "../../../adapter/index.js";
+import { TCollectionItemExtension, TagsCollectionItemDescriptor, TagsItemDescriptor } from "@soxa-ui/setup";
+//#region src/components/tags/item/setup.component.ts
+function setupTagsItem(host, ctrl, props, onUpdate) {
+	const adapter = createWebcAdapterContext(host, TagsItemDescriptor(), {
+		ctrl,
+		props
+	});
+	const itemAdapter = createWebcAdapterContext(host, TagsCollectionItemDescriptor(), { props }, { bundle: adapter.bundle }).use(TCollectionItemExtension, {
+		adapter,
+		elevator: createWebcElevator(host)
+	});
+	const item = useCollectionAdapter(itemAdapter, host, onUpdate);
+	const owner = useAdapter(adapter, host, onUpdate);
+	return joinBindings(owner, item);
+}
+//#endregion
+export { setupTagsItem };

package/dist/components/tags/item/tags-item.template.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Шаблон тега: строка и крестик рядом с ней. Крестик — сосед строки, а не её
+ * часть: потомки опции для скринридера презентационны, и его подпись
+ * приклеилась бы к названию тега. Вид набора рисует корень: фон и выбор
+ * покрывают и крестик.
+ */
+import type { ITagsItem, TTagsItemCollectionFacade } from '@soxa-ui/core';
+import { type ITemplate } from '../../../adapter';
+export declare const tagsItemTemplate: ITemplate<ITagsItem, TTagsItemCollectionFacade>;

package/dist/components/tags/item/tags-item.template.js

@@ -0,0 +1,115 @@
+import { bind } from "../../../adapter/template/types.js";
+import { ownerAttributes } from "../../../adapter/template/owner.js";
+import { lend } from "../../../adapter/template/lend.js";
+import { createDetail, patch } from "../../../adapter/template/parts.js";
+import "../../../adapter/index.js";
+import { TButtonElement } from "../../button/Button.element.js";
+import "../../button/index.js";
+import { registerItemRowTag } from "../../item-row/ItemRow.element.js";
+import "../../item-row/index.js";
+import { TIconElement } from "../../icon/Icon.element.js";
+import "../../icon/index.js";
+import { DEFAULT_SLOT } from "@soxa-ui/setup";
+//#region src/components/tags/item/tags-item.template.ts
+/** Строка — на `div`: под него ядро пишет тегу ARIA (`TTagsItem._ariaTag`). */
+var TItemRowDivElement = registerItemRowTag("div");
+var parts = /* @__PURE__ */ new WeakMap();
+var tagsItemTemplate = {
+	create: (root, ctx) => {
+		const { hasSlot } = ctx;
+		const { ownerDocument } = root;
+		const row = createDetail(ownerDocument, TItemRowDivElement, { embedded: "tags.row" });
+		const close = createDetail(ownerDocument, TButtonElement, {
+			embedded: "tags.close",
+			attributes: { type: "button" }
+		});
+		close.className = "so-tags-item__close";
+		let icon = null;
+		if (!hasSlot("close-icon")) {
+			icon = createDetail(ownerDocument, TIconElement, { embedded: "tags.close-icon" });
+			icon.icon = "close";
+			lend(close, DEFAULT_SLOT, icon);
+		}
+		row.addEventListener("so:action:press", () => {
+			ctx.facade?.context?.adapters.selection.toggle();
+		});
+		close.addEventListener("click", (event) => {
+			event.stopPropagation();
+			ctx.facade?.context?.adapters.tags.close();
+		});
+		root.appendChild(row);
+		parts.set(root, {
+			row,
+			close,
+			icon
+		});
+		return {
+			slots: {
+				leading: {
+					mode: "append",
+					node: row,
+					slot: "leading"
+				},
+				default: {
+					mode: "append",
+					node: row,
+					slot: DEFAULT_SLOT
+				},
+				trailing: {
+					mode: "append",
+					node: row,
+					slot: "trailing"
+				},
+				"close-icon": {
+					mode: "append",
+					node: close,
+					slot: DEFAULT_SLOT
+				}
+			},
+			control: row
+		};
+	},
+	bindings: [
+		bind([
+			"direction",
+			"disabled",
+			"size",
+			"variant"
+		], ({ root, state }) => {
+			const own = parts.get(root);
+			if (!own) return;
+			const { row, close, icon } = own;
+			const disabled = state.disabled === true;
+			patch(row, {
+				direction: state.direction,
+				disabled,
+				size: state.size,
+				variant: state.variant
+			});
+			patch(close, {
+				disabled,
+				size: state.size
+			});
+			if (icon && icon.size !== state.size) icon.size = state.size;
+		}),
+		bind("aria", ({ root, state }) => {
+			const row = parts.get(root)?.row;
+			if (row) ownerAttributes(row, state.aria);
+		}),
+		bind("text", ({ root, state, hasSlot }) => {
+			const row = parts.get(root)?.row;
+			const text = state.text ?? "";
+			if (row && !hasSlot(DEFAULT_SLOT) && row.text !== text) row.text = text;
+		}),
+		bind(["tag_closable", "closeAria"], ({ root, state }) => {
+			const own = parts.get(root);
+			if (!own) return;
+			const { row, close } = own;
+			ownerAttributes(close, state.closeAria);
+			if (state.tag_closable !== true) close.remove();
+			else if (close.previousSibling !== row) row.after(close);
+		})
+	]
+};
+//#endregion
+export { tagsItemTemplate };

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

@@ -0,0 +1,3 @@
+import type { ITags, TTagsCollectionFacade } from '@soxa-ui/core';
+import type { TBinding, TUpdateListener } from '../../adapter';
+export declare function setupTags(host: HTMLElement, ctrl: ITags | undefined, props: Record<string, unknown>, onUpdate: TUpdateListener): TBinding<ITags, TTagsCollectionFacade>;

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

@@ -0,0 +1,25 @@
+import { createWebcAdapterContext } from "../../adapter/common/createWebcAdapterContext.js";
+import { joinBindings, useAdapter, useCollectionAdapter } from "../../adapter/runtime/useAdapter.js";
+import { createWebcElevator } from "../../adapter/elevator/factory.js";
+import "../../adapter/elevator/index.js";
+import "../../adapter/index.js";
+import { TCollectionExtension, TagsCollectionDescriptor, TagsDescriptor } from "@soxa-ui/setup";
+//#region src/components/tags/setup.component.ts
+function setupTags(host, ctrl, props, onUpdate) {
+	const adapter = createWebcAdapterContext(host, TagsDescriptor(), {
+		ctrl,
+		props
+	});
+	const collectionAdapter = createWebcAdapterContext(host, TagsCollectionDescriptor(), {
+		props,
+		options: {
+			owner: adapter.instance,
+			engine: props["engine"]
+		}
+	}, { bundle: adapter.bundle }).use(TCollectionExtension, { elevator: createWebcElevator(host) });
+	const facade = useCollectionAdapter(collectionAdapter, host, onUpdate);
+	const owner = useAdapter(adapter, host, onUpdate);
+	return joinBindings(owner, facade);
+}
+//#endregion
+export { setupTags };

package/dist/components/tags/tags.template.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Шаблон Tags: своей разметки нет — только теги; раскладку ряда тема ведёт по
+ * `data-overflow`. Без тегов разметки — петля по `shown`, а не `items`: скрытый
+ * отбором тег снимается, но из коллекции не уходит.
+ */
+import type { ITags, TTagsCollectionFacade } from '@soxa-ui/core';
+import { type ITemplate, type TItemSlots } from '../../adapter';
+/** Слот набора → слот тега; сторож — `setup/__tests__/item-slots.spec.ts`. */
+export declare const TAGS_ITEM_SLOTS: TItemSlots;
+export declare const tagsTemplate: ITemplate<ITags, TTagsCollectionFacade>;

package/dist/components/tags/tags.template.js

@@ -0,0 +1,43 @@
+import { bind } from "../../adapter/template/types.js";
+import { createItem, lendSamples } from "../../adapter/template/parts.js";
+import { TKeyedLoop } from "../../adapter/template/loop.js";
+import "../../adapter/index.js";
+import { TTagsItemElement } from "./item/TagsItem.element.js";
+import "./item/index.js";
+import { DEFAULT_SLOT } from "@soxa-ui/setup";
+//#region src/components/tags/tags.template.ts
+/** Слот набора → слот тега; сторож — `setup/__tests__/item-slots.spec.ts`. */
+var TAGS_ITEM_SLOTS = {
+	"item-leading": "leading",
+	item: "default",
+	"item-trailing": "trailing",
+	"item-close-icon": "close-icon"
+};
+var loops = /* @__PURE__ */ new WeakMap();
+/** `ctrl` и копии образцов — до вставки. */
+function tagOf(ctx, item) {
+	const tag = createItem(ctx.root.ownerDocument, TTagsItemElement);
+	tag.ctrl = item;
+	lendSamples(ctx, tag, TAGS_ITEM_SLOTS);
+	return tag;
+}
+var tagsTemplate = {
+	create: (root, { hasSlot }) => {
+		if (!hasSlot(DEFAULT_SLOT)) loops.set(root, new TKeyedLoop(root, null, (item) => item.uid));
+		return { slots: {
+			default: {
+				mode: "append",
+				node: root
+			},
+			item: { mode: "sample" },
+			"item-leading": { mode: "sample" },
+			"item-trailing": { mode: "sample" },
+			"item-close-icon": { mode: "sample" }
+		} };
+	},
+	bindings: [bind("shown", (ctx) => {
+		loops.get(ctx.root)?.draw(ctx.state.shown ?? [], (item) => tagOf(ctx, item));
+	})]
+};
+//#endregion
+export { TAGS_ITEM_SLOTS, tagsTemplate };

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

@@ -0,0 +1 @@
+export { setupTextable } from './setup.component';

package/dist/components/textable/index.js

@@ -0,0 +1 @@
+import "./setup.component.js";

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

@@ -0,0 +1,3 @@
+import type { ITextable } from '@soxa-ui/core';
+import type { TBinding, TUpdateListener } from '../../adapter';
+export declare function setupTextable(host: HTMLElement, ctrl: ITextable | undefined, props: Record<string, unknown>, onUpdate: TUpdateListener): TBinding<ITextable>;

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

@@ -0,0 +1,2 @@
+import "../../adapter/index.js";
+import "@soxa-ui/setup";

package/dist/components/textarea/Textarea.element.d.ts

@@ -0,0 +1,9 @@
+/**
+ * `<div is="so-textarea">` — многострочное поле: нативный `<textarea>` внутри и
+ * счётчик под ним. docs/architecture.md, Layer 8d, «Поле».
+ */
+import { TextareaDescriptor } from '@soxa-ui/setup';
+import type { ITextarea } from '@soxa-ui/core';
+import type { TElementClassOf, TElementType } from '../../adapter';
+export declare const TTextareaElement: TElementClassOf<typeof HTMLDivElement, typeof TextareaDescriptor, ITextarea>;
+export type TTextareaElementProps = TElementType<typeof TTextareaElement>;

package/dist/components/textarea/Textarea.element.js

@@ -0,0 +1,24 @@
+import { defineElement } from "../../adapter/runtime/defineElement.js";
+import { ElementBase } from "../../adapter/runtime/element.base.js";
+import "../../adapter/index.js";
+import { textareaTemplate } from "./textarea.template.js";
+import { setupTextarea } from "./setup.component.js";
+import { TextareaDescriptor } from "@soxa-ui/setup";
+//#region src/components/textarea/Textarea.element.ts
+/**
+* `<div is="so-textarea">` — многострочное поле: нативный `<textarea>` внутри и
+* счётчик под ним. docs/architecture.md, Layer 8d, «Поле».
+*/
+var TTextareaElement = ElementBase(HTMLDivElement, {
+	descriptor: TextareaDescriptor,
+	template: textareaTemplate,
+	root: {
+		strategy: "host",
+		sets: ["attrs", "dataset"],
+		control: true
+	},
+	setup: setupTextarea
+});
+defineElement("so-textarea", TTextareaElement, "div");
+//#endregion
+export { TTextareaElement };

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

@@ -0,0 +1,3 @@
+/** Application API for this element entry. */
+export { TTextareaElement } from './Textarea.element';
+export type { TTextareaElementProps } from './Textarea.element';

package/dist/components/textarea/index.js

@@ -0,0 +1 @@
+export { TTextareaElement } from "./Textarea.element.js";

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

@@ -0,0 +1,7 @@
+import { TextareaDescriptor } from '@soxa-ui/setup';
+import type { DescriptorPluginProps } from '@soxa-ui/setup';
+import type { ITextarea } from '@soxa-ui/core';
+import type { TBinding, TUpdateListener } from '../../adapter';
+/** Сверх инстанса шаблон читает входы плагинов: `id` поля — проп `TIdPlugin`. */
+export type TTextareaOutputs = DescriptorPluginProps<typeof TextareaDescriptor>;
+export declare function setupTextarea(host: HTMLElement, ctrl: ITextarea | undefined, props: Record<string, unknown>, onUpdate: TUpdateListener): TBinding<ITextarea, unknown, TTextareaOutputs>;

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

@@ -0,0 +1,16 @@
+import { createWebcAdapterContext } from "../../adapter/common/createWebcAdapterContext.js";
+import { useAdapter } from "../../adapter/runtime/useAdapter.js";
+import { createWebcElevator } from "../../adapter/elevator/factory.js";
+import "../../adapter/elevator/index.js";
+import "../../adapter/index.js";
+import { TFieldControlExtension, TextareaDescriptor } from "@soxa-ui/setup";
+//#region src/components/textarea/setup.component.ts
+function setupTextarea(host, ctrl, props, onUpdate) {
+	const adapter = createWebcAdapterContext(host, TextareaDescriptor(), {
+		ctrl,
+		props
+	}).use(TFieldControlExtension, { elevator: createWebcElevator(host) });
+	return useAdapter(adapter, host, onUpdate);
+}
+//#endregion
+export { setupTextarea };

package/dist/components/textarea/textarea.template.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Шаблон Textarea: поле и счётчик под ним, слотов нет. Счётчик — только при
+ * `counter`; поле ссылается на него `aria-describedby`, и текст звучит на фокусе
+ * поля, а не живым регионом на каждый символ.
+ */
+import type { ITextarea } from '@soxa-ui/core';
+import type { TTextareaOutputs } from './setup.component';
+import { type ITemplate } from '../../adapter';
+export declare const textareaTemplate: ITemplate<ITextarea, unknown, TTextareaOutputs>;

package/dist/components/textarea/textarea.template.js

@@ -0,0 +1,81 @@
+import { bind } from "../../adapter/template/types.js";
+import { ownerAttributes } from "../../adapter/template/owner.js";
+import { patch } from "../../adapter/template/parts.js";
+import "../../adapter/index.js";
+//#region src/components/textarea/textarea.template.ts
+var parts = /* @__PURE__ */ new WeakMap();
+/** Выход плагина имён: в типе состояния его нет, и вид значения проверяется здесь. */
+function counterText(state) {
+	const text = state["names_counter"];
+	return typeof text === "string" ? text : "";
+}
+var textareaTemplate = {
+	create: (root) => {
+		const { ownerDocument } = root;
+		const field = ownerDocument.createElement("textarea");
+		const counter = ownerDocument.createElement("div");
+		counter.className = "so-textarea__counter";
+		root.appendChild(field);
+		parts.set(root, {
+			field,
+			counter
+		});
+		return {
+			slots: {},
+			control: field
+		};
+	},
+	bindings: [
+		bind([
+			"id",
+			"name",
+			"rows",
+			"maxlength",
+			"placeholder",
+			"disabled",
+			"readonly",
+			"required"
+		], ({ root, state }) => {
+			const field = parts.get(root)?.field;
+			if (!field) return;
+			if (state.id === void 0) field.removeAttribute("id");
+			else field.id = state.id;
+			if (state.rows === void 0) field.removeAttribute("rows");
+			else field.rows = state.rows;
+			if (state.maxlength === void 0) field.removeAttribute("maxlength");
+			else field.maxLength = state.maxlength;
+			field.name = state.name ?? "";
+			field.placeholder = state.placeholder ?? "";
+			field.disabled = state.disabled === true;
+			field.readOnly = state.readonly === true;
+			field.required = state.required === true;
+		}),
+		bind("aria", ({ root, state }) => {
+			const field = parts.get(root)?.field;
+			if (field) ownerAttributes(field, state.aria);
+		}),
+		bind("value", ({ root, state }) => {
+			const field = parts.get(root)?.field;
+			const text = state.value ?? "";
+			if (field && field.value !== text) field.value = text;
+		}),
+		bind([
+			"counter",
+			"counterAria",
+			"names_counter"
+		], ({ root, state }) => {
+			const own = parts.get(root);
+			if (!own) return;
+			if (state.counter !== true) {
+				own.counter.remove();
+				return;
+			}
+			const text = counterText(state);
+			ownerAttributes(own.counter, state.counterAria);
+			patch(own.counter, { textContent: text });
+			if (own.counter.parentNode !== root) root.appendChild(own.counter);
+		})
+	]
+};
+//#endregion
+export { textareaTemplate };

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

@@ -0,0 +1,11 @@
+/**
+ * `<so-toasts>` — менеджер тостов вокруг приложения: автономный элемент без
+ * коробки (`displayContents`), корень — регион, который база уводит в `target`.
+ * Тост показывают `toastsOf(node).show(…)` или движок свойства `engine`.
+ * docs/architecture.md, Layer 8d, «Модальный слой и тосты».
+ */
+import { ToastsDescriptor } from '@soxa-ui/setup';
+import type { IToasts, TToastsCollectionFacade } from '@soxa-ui/core';
+import type { TElementClassOf, TElementType } from '../../adapter';
+export declare const TToastsElement: TElementClassOf<typeof HTMLElement, typeof ToastsDescriptor, IToasts, TToastsCollectionFacade>;
+export type TToastsElementProps = TElementType<typeof TToastsElement>;

package/dist/components/toasts/Toasts.element.js

@@ -0,0 +1,29 @@
+import { defineAutonomousElement, defineElement } from "../../adapter/runtime/defineElement.js";
+import { ElementBase } from "../../adapter/runtime/element.base.js";
+import "../../adapter/index.js";
+import { TToastsItemElement } from "./item/ToastsItem.element.js";
+import "./item/index.js";
+import { setupToasts } from "./setup.component.js";
+import { toastsTemplate } from "./toasts.template.js";
+import { ToastsCollectionDescriptor, ToastsDescriptor } from "@soxa-ui/setup";
+//#region src/components/toasts/Toasts.element.ts
+/**
+* `<so-toasts>` — менеджер тостов вокруг приложения: автономный элемент без
+* коробки (`displayContents`), корень — регион, который база уводит в `target`.
+* Тост показывают `toastsOf(node).show(…)` или движок свойства `engine`.
+* docs/architecture.md, Layer 8d, «Модальный слой и тосты».
+*/
+var TToastsElement = ElementBase(HTMLElement, {
+	descriptor: ToastsDescriptor,
+	facade: ToastsCollectionDescriptor,
+	template: toastsTemplate,
+	root: {
+		strategy: "wrapped",
+		teleport: { target: "target" }
+	},
+	setup: setupToasts
+});
+defineAutonomousElement("so-toasts", TToastsElement);
+defineElement("so-toasts-item", TToastsItemElement, "li");
+//#endregion
+export { TToastsElement };

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

@@ -0,0 +1,5 @@
+/** Application API for this element entry. */
+export { TToastsElement } from './Toasts.element';
+export type { TToastsElementProps } from './Toasts.element';
+export { toastsOf } from '../../adapter/toasts/toastsOf';
+export type { TToastRender } from '../../adapter/toasts/toastsOf';

package/dist/components/toasts/index.js

@@ -0,0 +1,3 @@
+import { toastsOf } from "../../adapter/toasts/toastsOf.js";
+import { TToastsElement } from "./Toasts.element.js";
+export { TToastsElement, toastsOf };

package/dist/components/toasts/item/ToastsItem.element.d.ts

@@ -0,0 +1,11 @@
+/**
+ * `<li is="so-toasts-item">` — тост, внутренняя часть менеджера: рисует его
+ * регион, регистрирует `Toasts.element.ts`. События тоста не всплывают —
+ * закрытый сообщает менеджер (`so:item:close`).
+ */
+import { ToastsItemDescriptor } from '@soxa-ui/setup';
+import type { IToastsItem, TToastsItemCollectionFacade } from '@soxa-ui/core';
+import type { TElementClassOf, TElementType } from '../../../adapter';
+export declare const TToastsItemElement: TElementClassOf<typeof HTMLLIElement, typeof ToastsItemDescriptor, IToastsItem, TToastsItemCollectionFacade>;
+/** Входов у тоста нет: инстанс ему отдаёт регион. */
+export type TToastsItemElementProps = TElementType<typeof TToastsItemElement>;

package/dist/components/toasts/item/ToastsItem.element.js

@@ -0,0 +1,19 @@
+import { ElementBase } from "../../../adapter/runtime/element.base.js";
+import "../../../adapter/index.js";
+import { setupToastsItem } from "./setup.component.js";
+import { toastsItemTemplate } from "./toasts-item.template.js";
+import { ToastsCollectionItemDescriptor, ToastsItemDescriptor } from "@soxa-ui/setup";
+//#region src/components/toasts/item/ToastsItem.element.ts
+/**
+* `<li is="so-toasts-item">` — тост, внутренняя часть менеджера: рисует его
+* регион, регистрирует `Toasts.element.ts`. События тоста не всплывают —
+* закрытый сообщает менеджер (`so:item:close`).
+*/
+var TToastsItemElement = ElementBase(HTMLLIElement, {
+	descriptor: ToastsItemDescriptor,
+	facade: ToastsCollectionItemDescriptor,
+	template: toastsItemTemplate,
+	setup: setupToastsItem
+});
+//#endregion
+export { TToastsItemElement };

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

@@ -0,0 +1,3 @@
+export { setupToastsItem } from './setup.component';
+export { TToastsItemElement, type TToastsItemElementProps } from './ToastsItem.element';
+export { toastsItemTemplate } from './toasts-item.template';

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

@@ -0,0 +1,3 @@
+import "./setup.component.js";
+import "./toasts-item.template.js";
+export { TToastsItemElement } from "./ToastsItem.element.js";

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

@@ -0,0 +1,3 @@
+import type { IToastsItem, TToastsItemCollectionFacade } from '@soxa-ui/core';
+import type { TBinding, TUpdateListener } from '../../../adapter';
+export declare function setupToastsItem(host: HTMLElement, ctrl: IToastsItem | undefined, props: Record<string, unknown>, onUpdate: TUpdateListener): TBinding<IToastsItem, TToastsItemCollectionFacade>;

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

@@ -0,0 +1,22 @@
+import { createWebcAdapterContext } from "../../../adapter/common/createWebcAdapterContext.js";
+import { joinBindings, useAdapter, useCollectionAdapter } from "../../../adapter/runtime/useAdapter.js";
+import { createWebcElevator } from "../../../adapter/elevator/factory.js";
+import "../../../adapter/elevator/index.js";
+import "../../../adapter/index.js";
+import { TCollectionItemExtension, ToastsCollectionItemDescriptor, ToastsItemDescriptor } from "@soxa-ui/setup";
+//#region src/components/toasts/item/setup.component.ts
+function setupToastsItem(host, ctrl, props, onUpdate) {
+	const adapter = createWebcAdapterContext(host, ToastsItemDescriptor(), {
+		ctrl,
+		props
+	});
+	const itemAdapter = createWebcAdapterContext(host, ToastsCollectionItemDescriptor(), { props }, { bundle: adapter.bundle }).use(TCollectionItemExtension, {
+		adapter,
+		elevator: createWebcElevator(host)
+	});
+	const item = useCollectionAdapter(itemAdapter, host, onUpdate);
+	const owner = useAdapter(adapter, host, onUpdate);
+	return joinBindings(owner, item);
+}
+//#endregion
+export { setupToastsItem };