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

package/dist/components/switch/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 { SwitchDescriptor, TFieldControlExtension } from "@soxa-ui/setup";
+//#region src/components/switch/setup.component.ts
+function setupSwitch(host, ctrl, props, onUpdate) {
+	const adapter = createWebcAdapterContext(host, SwitchDescriptor(), {
+		ctrl,
+		props
+	}).use(TFieldControlExtension, { elevator: createWebcElevator(host) });
+	return useAdapter(adapter, host, onUpdate);
+}
+//#endregion
+export { setupSwitch };

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

@@ -0,0 +1,9 @@
+/**
+ * Шаблон Switch: поле с `aria` ядра (`role="switch"`) и дорожка под
+ * `aria-hidden` — слоты ручки не попадают в имя от подписи. В ручке — слот `on`
+ * или `off` по значению.
+ */
+import type { ISwitch } from '@soxa-ui/core';
+import type { TSwitchOutputs } from './setup.component';
+import { type ITemplate } from '../../adapter';
+export declare const switchTemplate: ITemplate<ISwitch, unknown, TSwitchOutputs>;

package/dist/components/switch/switch.template.js

@@ -0,0 +1,63 @@
+import { bind } from "../../adapter/template/types.js";
+import { ownerAttributes } from "../../adapter/template/owner.js";
+import "../../adapter/index.js";
+//#region src/components/switch/switch.template.ts
+/** Поле каждого переключателя — одно на всё время жизни элемента. */
+var fields = /* @__PURE__ */ new WeakMap();
+var switchTemplate = {
+	create: (root) => {
+		const { ownerDocument } = root;
+		const field = ownerDocument.createElement("input");
+		const track = ownerDocument.createElement("span");
+		const thumb = ownerDocument.createElement("span");
+		field.type = "checkbox";
+		track.className = "so-switch__track";
+		track.setAttribute("aria-hidden", "true");
+		thumb.className = "so-switch__track--thumb";
+		track.appendChild(thumb);
+		root.append(field, track);
+		fields.set(root, field);
+		return {
+			slots: {
+				on: {
+					mode: "append",
+					node: thumb
+				},
+				off: {
+					mode: "append",
+					node: thumb
+				}
+			},
+			control: field
+		};
+	},
+	bindings: [
+		bind([
+			"id",
+			"name",
+			"disabled",
+			"required"
+		], ({ root, state }) => {
+			const field = fields.get(root);
+			if (!field) return;
+			if (state.id === void 0) field.removeAttribute("id");
+			else field.id = state.id;
+			field.name = state.name ?? "";
+			field.disabled = state.disabled === true;
+			field.required = state.required === true;
+		}),
+		bind("aria", ({ root, state }) => {
+			const field = fields.get(root);
+			if (field) ownerAttributes(field, state.aria);
+		}),
+		bind("value", ({ root, state, showSlot }) => {
+			const field = fields.get(root);
+			const checked = state.value === true;
+			if (field && field.checked !== checked) field.checked = checked;
+			showSlot("on", checked);
+			showSlot("off", !checked);
+		})
+	]
+};
+//#endregion
+export { switchTemplate };

package/dist/components/table/Table.element.d.ts

@@ -0,0 +1,11 @@
+/**
+ * `<div is="so-table">` — окно таблицы вокруг корня `table` (`wrapped`): окну —
+ * класс, стиль и скрытие, остальное — `table`. Колонки и строки — только
+ * данными; модуль регистрирует и части. docs/architecture.md, Layer 8d,
+ * «Коллекция»; AGENTS.md (Web Components), «Корень».
+ */
+import { TableDescriptor } from '@soxa-ui/setup';
+import type { ITable, TTableCollectionFacade } from '@soxa-ui/core';
+import type { TElementClassOf, TElementType } from '../../adapter';
+export declare const TTableElement: TElementClassOf<typeof HTMLDivElement, typeof TableDescriptor, ITable, TTableCollectionFacade>;
+export type TTableElementProps = TElementType<typeof TTableElement>;

package/dist/components/table/Table.element.js

@@ -0,0 +1,29 @@
+import { defineElement } from "../../adapter/runtime/defineElement.js";
+import { ElementBase } from "../../adapter/runtime/element.base.js";
+import "../../adapter/index.js";
+import { TTableColumnElement } from "./column/TableColumn.element.js";
+import "./column/index.js";
+import { TTableRowElement } from "./row/TableRow.element.js";
+import "./row/index.js";
+import { setupTable } from "./setup.component.js";
+import { tableTemplate } from "./table.template.js";
+import { TableCollectionDescriptor, TableDescriptor } from "@soxa-ui/setup";
+//#region src/components/table/Table.element.ts
+/**
+* `<div is="so-table">` — окно таблицы вокруг корня `table` (`wrapped`): окну —
+* класс, стиль и скрытие, остальное — `table`. Колонки и строки — только
+* данными; модуль регистрирует и части. docs/architecture.md, Layer 8d,
+* «Коллекция»; AGENTS.md (Web Components), «Корень».
+*/
+var TTableElement = ElementBase(HTMLDivElement, {
+	descriptor: TableDescriptor,
+	facade: TableCollectionDescriptor,
+	template: tableTemplate,
+	root: { strategy: "wrapped" },
+	setup: setupTable
+});
+defineElement("so-table", TTableElement, "div");
+defineElement("so-table-column", TTableColumnElement, "th");
+defineElement("so-table-row", TTableRowElement, "tr");
+//#endregion
+export { TTableElement };

package/dist/components/table/column/TableColumn.element.d.ts

@@ -0,0 +1,10 @@
+/**
+ * `<th is="so-table-column">` — заголовок колонки (`Table.Column`): рисует
+ * таблица над экземпляром колонки, входов нет; регистрирует модуль таблицы.
+ * Ширина — `--so-table-column-width` из `widthStyle`, по ней тема режет колонку.
+ */
+import { TableColumnDescriptor } from '@soxa-ui/setup';
+import type { ITableColumn } from '@soxa-ui/core';
+import type { TElementClassOf, TElementType } from '../../../adapter';
+export declare const TTableColumnElement: TElementClassOf<typeof HTMLTableCellElement, typeof TableColumnDescriptor, ITableColumn>;
+export type TTableColumnElementProps = TElementType<typeof TTableColumnElement>;

package/dist/components/table/column/TableColumn.element.js

@@ -0,0 +1,22 @@
+import { ElementBase } from "../../../adapter/runtime/element.base.js";
+import "../../../adapter/index.js";
+import { setupTableColumn } from "./setup.component.js";
+import { tableColumnTemplate } from "./table-column.template.js";
+import { TableColumnDescriptor } from "@soxa-ui/setup";
+//#region src/components/table/column/TableColumn.element.ts
+/**
+* `<th is="so-table-column">` — заголовок колонки (`Table.Column`): рисует
+* таблица над экземпляром колонки, входов нет; регистрирует модуль таблицы.
+* Ширина — `--so-table-column-width` из `widthStyle`, по ней тема режет колонку.
+*/
+var TTableColumnElement = ElementBase(HTMLTableCellElement, {
+	descriptor: TableColumnDescriptor,
+	template: tableColumnTemplate,
+	root: {
+		strategy: "host",
+		style: "widthStyle"
+	},
+	setup: setupTableColumn
+});
+//#endregion
+export { TTableColumnElement };

package/dist/components/table/column/index.d.ts

@@ -0,0 +1,3 @@
+export { setupTableColumn } from './setup.component';
+export { TTableColumnElement, type TTableColumnElementProps } from './TableColumn.element';
+export { tableColumnTemplate } from './table-column.template';

package/dist/components/table/column/index.js

@@ -0,0 +1,3 @@
+import "./setup.component.js";
+import "./table-column.template.js";
+export { TTableColumnElement } from "./TableColumn.element.js";

package/dist/components/table/column/setup.component.d.ts

@@ -0,0 +1,4 @@
+/** Фасада нет: лифт отдаёт движок строк, и расширение элемента записало бы колонку строкой. */
+import type { ITableColumn } from '@soxa-ui/core';
+import type { TBinding, TUpdateListener } from '../../../adapter';
+export declare function setupTableColumn(host: HTMLElement, ctrl: ITableColumn | undefined, props: Record<string, unknown>, onUpdate: TUpdateListener): TBinding<ITableColumn>;

package/dist/components/table/column/setup.component.js

@@ -0,0 +1,15 @@
+import { createWebcAdapterContext } from "../../../adapter/common/createWebcAdapterContext.js";
+import { useAdapter } from "../../../adapter/runtime/useAdapter.js";
+import "../../../adapter/index.js";
+import { TableColumnDescriptor } from "@soxa-ui/setup";
+//#region src/components/table/column/setup.component.ts
+/** Фасада нет: лифт отдаёт движок строк, и расширение элемента записало бы колонку строкой. */
+function setupTableColumn(host, ctrl, props, onUpdate) {
+	const adapter = createWebcAdapterContext(host, TableColumnDescriptor(), {
+		ctrl,
+		props
+	});
+	return useAdapter(adapter, host, onUpdate);
+}
+//#endregion
+export { setupTableColumn };

package/dist/components/table/column/table-column.template.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Шаблон заголовка колонки: ряд с подписью и кнопкой сортировки, ручка ширины.
+ * Нажатие по ячейке не сортирует: у `th` нет фокуса, и с клавиатуры действие
+ * было бы недоступно.
+ */
+import type { ITableColumn } from '@soxa-ui/core';
+import { type ITemplate } from '../../../adapter';
+export declare const tableColumnTemplate: ITemplate<ITableColumn>;

package/dist/components/table/column/table-column.template.js

@@ -0,0 +1,123 @@
+import { bind } from "../../../adapter/template/types.js";
+import { ownerAttributes } from "../../../adapter/template/owner.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 { TIconElement } from "../../icon/Icon.element.js";
+import "../../icon/index.js";
+import { DEFAULT_SLOT } from "@soxa-ui/setup";
+//#region src/components/table/column/table-column.template.ts
+var parts = /* @__PURE__ */ new WeakMap();
+var sorts = /* @__PURE__ */ new WeakMap();
+var resizers = /* @__PURE__ */ new WeakMap();
+/**
+* Кнопку рисует колонка, а не слот: в подписи она дописала бы своё имя к имени
+* заголовка. Вида и размера нет — их по контексту даёт тема.
+*/
+function sortOf(ctx) {
+	const known = sorts.get(ctx.root);
+	if (known) return known;
+	const { ownerDocument } = ctx.root;
+	const button = createDetail(ownerDocument, TButtonElement, {
+		embedded: "table.sort",
+		attributes: { type: "button" }
+	});
+	const arrow = ownerDocument.createElement("span");
+	const icon = createDetail(ownerDocument, TIconElement, { embedded: "table.sort-icon" });
+	button.className = "so-table-column__sort";
+	arrow.className = "so-table-column__sort-icon";
+	arrow.setAttribute("aria-hidden", "true");
+	icon.icon = "arrowUpward";
+	arrow.appendChild(icon);
+	button.appendChild(arrow);
+	button.addEventListener("so:action:press", () => ctx.ctrl?.toggleSort());
+	sorts.set(ctx.root, button);
+	return button;
+}
+/** Нативный `range`, как у ручки Slider: мобильные скринридеры двигают его своим жестом. */
+function resizerOf(root) {
+	const known = resizers.get(root);
+	if (known) return known;
+	const { ownerDocument } = root;
+	const strip = ownerDocument.createElement("span");
+	const field = ownerDocument.createElement("input");
+	strip.className = "so-table-column__resizer";
+	field.className = "so-table-column__input";
+	field.type = "range";
+	strip.appendChild(field);
+	const resizer = {
+		strip,
+		field
+	};
+	resizers.set(root, resizer);
+	return resizer;
+}
+var tableColumnTemplate = {
+	create: (root) => {
+		const { ownerDocument } = root;
+		const content = ownerDocument.createElement("span");
+		const text = ownerDocument.createElement("span");
+		content.className = "so-table-column__content";
+		text.className = "so-table-column__text";
+		content.appendChild(text);
+		root.appendChild(content);
+		parts.set(root, {
+			content,
+			text
+		});
+		return { slots: { default: {
+			mode: "append",
+			node: text
+		} } };
+	},
+	bindings: [
+		bind("textAria", ({ root, state }) => {
+			const text = parts.get(root)?.text;
+			if (text) ownerAttributes(text, state.textAria);
+		}),
+		bind("text", ({ root, state, hasSlot }) => {
+			const text = parts.get(root)?.text;
+			const value = state.text ?? "";
+			if (text && !hasSlot(DEFAULT_SLOT) && text.textContent !== value) text.textContent = value;
+		}),
+		bind([
+			"sortable",
+			"disabled",
+			"sortAria"
+		], (ctx) => {
+			const { root, state } = ctx;
+			const own = parts.get(root);
+			if (!own) return;
+			if (state.sortable !== true) {
+				sorts.get(root)?.remove();
+				return;
+			}
+			const button = sortOf(ctx);
+			const disabled = state.disabled === true;
+			patch(button, { disabled });
+			ownerAttributes(button, state.sortAria);
+			if (button.parentNode !== own.content) own.content.appendChild(button);
+		}),
+		bind([
+			"resizerRendered",
+			"resizer",
+			"resizerAria"
+		], ({ root, state }) => {
+			const { resizer } = state;
+			if (state.resizerRendered !== true || !resizer) {
+				resizers.get(root)?.strip.remove();
+				return;
+			}
+			const { strip, field } = resizerOf(root);
+			const value = String(resizer.value);
+			field.min = String(resizer.min);
+			field.max = String(resizer.max);
+			patch(field, { value });
+			ownerAttributes(field, state.resizerAria);
+			if (strip.parentNode !== root) root.appendChild(strip);
+		})
+	]
+};
+//#endregion
+export { tableColumnTemplate };

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

@@ -0,0 +1,7 @@
+/** Application API for this element entry. */
+export { TTableElement } from './Table.element';
+export type { TTableElementProps } from './Table.element';
+export { TTableColumnElement } from './column/TableColumn.element';
+export type { TTableColumnElementProps } from './column/TableColumn.element';
+export { TTableRowElement } from './row/TableRow.element';
+export type { TTableRowElementProps } from './row/TableRow.element';

package/dist/components/table/index.js

@@ -0,0 +1,4 @@
+import { TTableColumnElement } from "./column/TableColumn.element.js";
+import { TTableRowElement } from "./row/TableRow.element.js";
+import { TTableElement } from "./Table.element.js";
+export { TTableColumnElement, TTableElement, TTableRowElement };

package/dist/components/table/row/TableRow.element.d.ts

@@ -0,0 +1,10 @@
+/**
+ * `<tr is="so-table-row">` — строка таблицы (`Table.Row`): рисует таблица над
+ * элементом коллекции строк, вход — только `selected` фасада; регистрирует
+ * модуль таблицы. docs/architecture.md, Layer 8d, «Коллекция».
+ */
+import { TableRowDescriptor } from '@soxa-ui/setup';
+import type { ITableRow, TTableRowCollectionFacade } from '@soxa-ui/core';
+import type { TElementClassOf, TElementType } from '../../../adapter';
+export declare const TTableRowElement: TElementClassOf<typeof HTMLTableRowElement, typeof TableRowDescriptor, ITableRow, TTableRowCollectionFacade>;
+export type TTableRowElementProps = TElementType<typeof TTableRowElement>;

package/dist/components/table/row/TableRow.element.js

@@ -0,0 +1,19 @@
+import { ElementBase } from "../../../adapter/runtime/element.base.js";
+import "../../../adapter/index.js";
+import { setupTableRow } from "./setup.component.js";
+import { tableRowTemplate } from "./table-row.template.js";
+import { TableCollectionRowDescriptor, TableRowDescriptor } from "@soxa-ui/setup";
+//#region src/components/table/row/TableRow.element.ts
+/**
+* `<tr is="so-table-row">` — строка таблицы (`Table.Row`): рисует таблица над
+* элементом коллекции строк, вход — только `selected` фасада; регистрирует
+* модуль таблицы. docs/architecture.md, Layer 8d, «Коллекция».
+*/
+var TTableRowElement = ElementBase(HTMLTableRowElement, {
+	descriptor: TableRowDescriptor,
+	facade: TableCollectionRowDescriptor,
+	template: tableRowTemplate,
+	setup: setupTableRow
+});
+//#endregion
+export { TTableRowElement };

package/dist/components/table/row/index.d.ts

@@ -0,0 +1,3 @@
+export { setupTableRow } from './setup.component';
+export { TTableRowElement, type TTableRowElementProps } from './TableRow.element';
+export { tableRowTemplate } from './table-row.template';

package/dist/components/table/row/index.js

@@ -0,0 +1,3 @@
+import "./setup.component.js";
+import "./table-row.template.js";
+export { TTableRowElement } from "./TableRow.element.js";

package/dist/components/table/row/setup.component.d.ts

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

package/dist/components/table/row/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, TableCollectionRowDescriptor, TableRowDescriptor } from "@soxa-ui/setup";
+//#region src/components/table/row/setup.component.ts
+function setupTableRow(host, ctrl, props, onUpdate) {
+	const adapter = createWebcAdapterContext(host, TableRowDescriptor(), {
+		ctrl,
+		props
+	});
+	const itemAdapter = createWebcAdapterContext(host, TableCollectionRowDescriptor(), { 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 { setupTableRow };

package/dist/components/table/row/table-row.template.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Шаблон строки таблицы: ячейка выбора с чекбоксом, пока выбор включён, и
+ * ячейки колонок петлёй по ключу — узел живёт, пока жива колонка, и с ним
+ * фокус сетки. Нажатие по строке ловит плагин сетки таблицы.
+ */
+import type { ITableRow, TTableRowCollectionFacade } from '@soxa-ui/core';
+import { type ITemplate } from '../../../adapter';
+export declare const tableRowTemplate: ITemplate<ITableRow, TTableRowCollectionFacade>;

package/dist/components/table/row/table-row.template.js

@@ -0,0 +1,98 @@
+import { bind } from "../../../adapter/template/types.js";
+import { ownerAttributes } from "../../../adapter/template/owner.js";
+import { createDetail, patch } from "../../../adapter/template/parts.js";
+import { TKeyedLoop } from "../../../adapter/template/loop.js";
+import "../../../adapter/index.js";
+import { TCheckBoxElement } from "../../check-box/CheckBox.element.js";
+import "../../check-box/index.js";
+//#region src/components/table/row/table-row.template.ts
+var loops = /* @__PURE__ */ new WeakMap();
+var selects = /* @__PURE__ */ new WeakMap();
+/** Ключ ячейки — колонка и тег: колонка, ставшая заголовком строки, — новый узел. */
+function keyOf(cell) {
+	return `${cell.column.uid}:${cell.rowHeader ? "th" : "td"}`;
+}
+/** Класс один: тема различает ячейки тегом. */
+function cellOf(root, cell) {
+	const node = root.ownerDocument.createElement(cell.rowHeader ? "th" : "td");
+	node.className = "so-table-row__cell";
+	if (cell.rowHeader) node.setAttribute("scope", "row");
+	return node;
+}
+/** Без образца — `text` ядра: `textContent` нарисовал бы объект как `[object Object]`. */
+function fill(ctx, node, cell) {
+	const copy = ctx.sample("cell");
+	if (copy) {
+		node.replaceChildren(copy);
+		return;
+	}
+	patch(node, { textContent: cell.text });
+}
+function cellAttributes(node, cell, aria) {
+	ownerAttributes(node, {
+		...cell.dataset,
+		...aria,
+		...cell.aria
+	});
+}
+/** Отметку и клик чекбокса ведёт таблица: ни значения, ни обработчиков здесь нет. */
+function selectOf(ctx, ctrl) {
+	const { ownerDocument } = ctx.root;
+	const cell = ownerDocument.createElement("td");
+	const checkBox = createDetail(ownerDocument, TCheckBoxElement, { embedded: "table.select" });
+	cell.className = "so-table-row__select";
+	checkBox.ctrl = ctrl;
+	if (ctx.state.rowHeaderId !== void 0) checkBox.aria_labelledBy = ctx.state.rowHeaderId;
+	cell.appendChild(checkBox);
+	return {
+		cell,
+		checkBox,
+		ctrl
+	};
+}
+var tableRowTemplate = {
+	create: (root) => {
+		loops.set(root, new TKeyedLoop(root, null, keyOf));
+		return { slots: { cell: { mode: "sample" } } };
+	},
+	bindings: [
+		bind([
+			"selecting",
+			"rowHeaderId",
+			"cellAria"
+		], (ctx) => {
+			const { root, state, facade } = ctx;
+			const ctrl = state.selecting === true ? facade?.context?.adapters.table.checkBox : void 0;
+			let select = selects.get(root);
+			if (select && select.ctrl !== ctrl) {
+				select.cell.remove();
+				selects.delete(root);
+				select = void 0;
+			}
+			if (!ctrl) return;
+			if (!select) {
+				select = selectOf(ctx, ctrl);
+				selects.set(root, select);
+				root.prepend(select.cell);
+			} else if (select.checkBox.aria_labelledBy !== state.rowHeaderId) select.checkBox.aria_labelledBy = state.rowHeaderId;
+			ownerAttributes(select.cell, state.cellAria);
+		}),
+		bind("cells", (ctx) => {
+			loops.get(ctx.root)?.draw(ctx.state.cells ?? [], (cell) => {
+				const node = cellOf(ctx.root, cell);
+				fill(ctx, node, cell);
+				return node;
+			}, (node, cell) => fill(ctx, node, cell));
+		}),
+		bind(["cells", "cellAria"], ({ root, state }) => {
+			const loop = loops.get(root);
+			if (!loop) return;
+			for (const cell of state.cells ?? []) {
+				const node = loop.elementOf(cell);
+				if (node) cellAttributes(node, cell, state.cellAria);
+			}
+		})
+	]
+};
+//#endregion
+export { tableRowTemplate };

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

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

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

@@ -0,0 +1,26 @@
+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, TVirtualCollectionExtension, TableCollectionDescriptor, TableDescriptor } from "@soxa-ui/setup";
+//#region src/components/table/setup.component.ts
+function setupTable(host, ctrl, props, onUpdate) {
+	const adapter = createWebcAdapterContext(host, TableDescriptor(), {
+		ctrl,
+		props
+	});
+	const elevator = createWebcElevator(host);
+	const collectionAdapter = createWebcAdapterContext(host, TableCollectionDescriptor(), {
+		props,
+		options: {
+			owner: adapter.instance,
+			engine: props["engine"]
+		}
+	}, { bundle: adapter.bundle }).use(TCollectionExtension, { elevator }).use(TVirtualCollectionExtension, { elevator });
+	const facade = useCollectionAdapter(collectionAdapter, host, onUpdate);
+	const owner = useAdapter(adapter, host, onUpdate);
+	return joinBindings(owner, facade);
+}
+//#endregion
+export { setupTable };

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

@@ -0,0 +1,12 @@
+/**
+ * Шаблон Table — APG Table и Sortable Table. Корень — `table` в окне-элементе
+ * и его поле; заголовки и строки с распорками — петлями по ключу, образцы
+ * `header` и `cell` — копиями. docs/architecture.md, Layer 8d, «Коллекция».
+ */
+import type { ITable, TTableCollectionFacade } from '@soxa-ui/core';
+import { type ITemplate, type TItemSlots } from '../../adapter';
+/** Слот таблицы → слот заголовка; сверяет `setup/__tests__/item-slots.spec.ts`. */
+export declare const TABLE_COLUMN_SLOTS: TItemSlots;
+/** Образец ячейки уходит строке `<template>`: в строке не оживает, в ячейки его копирует она. */
+export declare const TABLE_ROW_SLOTS: TItemSlots;
+export declare const tableTemplate: ITemplate<ITable, TTableCollectionFacade>;