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

package/dist/adapter/runtime/waiting.js

@@ -0,0 +1,53 @@
+//#region src/adapter/runtime/waiting.ts
+/**
+* Ожидание: подключение, пришедшее, пока подключается другой элемент, идёт
+* сразу после него, в порядке прихода. AGENTS.md (Web Components), «Ожидание».
+*/
+var depth = 0;
+/** Разбор очереди идёт: подключение из неё очередь не разбирает — его пришедшее заберёт тот же цикл. */
+var draining = false;
+var waiting = [];
+function isConnecting() {
+	return depth > 0;
+}
+/** Подключение: пришедшее во время него ждёт конца внешнего подключения. */
+function connecting(run) {
+	depth += 1;
+	try {
+		run();
+	} finally {
+		depth -= 1;
+		if (depth === 0 && !draining) drainAll();
+	}
+}
+function wait(resume) {
+	waiting.push(resume);
+}
+/** Один разбор на всё подключение: вложенный разбор растил бы стек на каждый ждущий элемент. */
+function drainAll() {
+	draining = true;
+	try {
+		runAll(drain());
+	} finally {
+		draining = false;
+	}
+}
+function* drain() {
+	for (let next = waiting.shift(); next; next = waiting.shift()) yield next;
+}
+/** Выполнить всё: упавшая задача остальных не держит, первая ошибка уходит дальше. */
+function runAll(tasks) {
+	let failed = false;
+	let failure;
+	for (const task of tasks) try {
+		task();
+	} catch (error) {
+		if (!failed) {
+			failed = true;
+			failure = error;
+		}
+	}
+	if (failed) throw failure;
+}
+//#endregion
+export { connecting, isConnecting, runAll, wait };

package/dist/adapter/template/index.d.ts

@@ -0,0 +1,6 @@
+export { bind } from './types';
+export { ownerAttributes, ownerClasses, ownerStyles } from './owner';
+export { lend, lendMark, lendBefore, type TLendAt } from './lend';
+export { createDetail, createItem, lendSamples, lendTemplates, patch, sampleOf, type TDetailOptions, type TPartClass, type TItemSlots, } from './parts';
+export { TKeyedLoop } from './loop';
+export type { ITemplate, ITemplateBinding, ITemplateContext, TSlotTarget, TSlotTargets, TTemplateParts, } from './types';

package/dist/adapter/template/index.js

@@ -0,0 +1,6 @@
+import { bind } from "./types.js";
+import { ownerAttributes, ownerClasses, ownerStyles } from "./owner.js";
+import { lend, lendBefore, lendMark } from "./lend.js";
+import { createDetail, createItem, lendSamples, lendTemplates, patch, sampleOf } from "./parts.js";
+import { TKeyedLoop } from "./loop.js";
+export { TKeyedLoop, bind, createDetail, createItem, lend, lendBefore, lendMark, lendSamples, lendTemplates, ownerAttributes, ownerClasses, ownerStyles, patch, sampleOf };

package/dist/adapter/template/lend.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Разметка шаблона владельца — в слот детали или элемента из данных. Деталь
+ * собирается после владельца и раскладывает свет сама, поэтому владелец не
+ * лезет в её структуру, а отдаёт узлы светом с назначенным слотом. AGENTS.md
+ * (Web Components), «Свет детали».
+ */
+export type TLendAt = 'end' | 'start';
+/** Узел или все дети фрагмента — в слот `slot` детали, последними или первыми. */
+export declare function lend(detail: Element, slot: string, content: Node, at?: TLendAt): void;
+/** Метка — слот детали задан и пустым, узлы владельца встают перед ней (`lendBefore`). */
+export declare function lendMark(detail: Element, slot: string): Comment;
+/** Перед меткой, в её слот — одним вызовом и до сборки детали, и после. */
+export declare function lendBefore(mark: Comment, node: Node): void;

package/dist/adapter/template/lend.js

@@ -0,0 +1,30 @@
+import { assignSlot, markSlot, slotOfMark } from "../runtime/marks.js";
+//#region src/adapter/template/lend.ts
+/**
+* Разметка шаблона владельца — в слот детали или элемента из данных. Деталь
+* собирается после владельца и раскладывает свет сама, поэтому владелец не
+* лезет в её структуру, а отдаёт узлы светом с назначенным слотом. AGENTS.md
+* (Web Components), «Свет детали».
+*/
+/** Узел или все дети фрагмента — в слот `slot` детали, последними или первыми. */
+function lend(detail, slot, content, at = "end") {
+	const nodes = content instanceof DocumentFragment ? [...content.childNodes] : [content];
+	for (const node of nodes) assignSlot(node, slot);
+	if (at === "start") detail.prepend(...nodes);
+	else detail.append(...nodes);
+}
+/** Метка — слот детали задан и пустым, узлы владельца встают перед ней (`lendBefore`). */
+function lendMark(detail, slot) {
+	const mark = detail.ownerDocument.createComment("");
+	markSlot(mark, slot);
+	lend(detail, slot, mark);
+	return mark;
+}
+/** Перед меткой, в её слот — одним вызовом и до сборки детали, и после. */
+function lendBefore(mark, node) {
+	const slot = slotOfMark(mark);
+	if (slot !== void 0) assignSlot(node, slot);
+	mark.parentNode?.insertBefore(node, mark);
+}
+//#endregion
+export { lend, lendBefore, lendMark };

package/dist/adapter/template/loop.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Петля по ключу — элементы коллекции из данных, как `v-for` с `:key`: записи
+ * новые на каждую смену, а элемент записи тот же, пока жив её ключ. Элемент
+ * не на своём месте едет переносом силами базы и не пересобирается. Свои
+ * элементы петля держит подряд, перед `end` (нет его — в конце узла).
+ */
+export declare class TKeyedLoop<TRecord, TKey, TElement extends Element = Element> {
+    private readonly _parent;
+    private readonly _end;
+    private readonly _keyOf;
+    private _drawn;
+    constructor(_parent: Node, _end: Node | null, _keyOf: (record: TRecord) => TKey);
+    elementOf(record: TRecord): TElement | undefined;
+    /**
+     * Новым ключам — `create`, живым — их элементы. `update` отдаёт то, что
+     * элемент берёт из записи, а не из инстанса: стиль распорки списка.
+     */
+    draw(records: Iterable<TRecord>, create: (record: TRecord) => TElement, update?: (element: TElement, record: TRecord) => void): void;
+    /** Первое место — перед первым своим элементом в узле; стоящий на месте не двигается. */
+    private _order;
+}

package/dist/adapter/template/loop.js

@@ -0,0 +1,59 @@
+import { relocate } from "../runtime/relocation.js";
+//#region src/adapter/template/loop.ts
+/**
+* Петля по ключу — элементы коллекции из данных, как `v-for` с `:key`: записи
+* новые на каждую смену, а элемент записи тот же, пока жив её ключ. Элемент
+* не на своём месте едет переносом силами базы и не пересобирается. Свои
+* элементы петля держит подряд, перед `end` (нет его — в конце узла).
+*/
+var TKeyedLoop = class {
+	_parent;
+	_end;
+	_keyOf;
+	_drawn = /* @__PURE__ */ new Map();
+	constructor(_parent, _end, _keyOf) {
+		this._parent = _parent;
+		this._end = _end;
+		this._keyOf = _keyOf;
+	}
+	elementOf(record) {
+		return this._drawn.get(this._keyOf(record));
+	}
+	/**
+	* Новым ключам — `create`, живым — их элементы. `update` отдаёт то, что
+	* элемент берёт из записи, а не из инстанса: стиль распорки списка.
+	*/
+	draw(records, create, update) {
+		const next = /* @__PURE__ */ new Map();
+		for (const record of records) {
+			const key = this._keyOf(record);
+			if (next.has(key)) continue;
+			const drawn = this._drawn.get(key);
+			if (drawn) update?.(drawn, record);
+			next.set(key, drawn ?? create(record));
+		}
+		for (const [key, element] of this._drawn) if (!next.has(key)) element.remove();
+		this._drawn = next;
+		this._order([...next.values()]);
+	}
+	/** Первое место — перед первым своим элементом в узле; стоящий на месте не двигается. */
+	_order(elements) {
+		const parent = this._parent;
+		const own = new Set(elements);
+		let place = this._end;
+		for (let node = parent.firstChild; node && node !== this._end; node = node.nextSibling) if (own.has(node)) {
+			place = node;
+			break;
+		}
+		for (const element of elements) {
+			if (element === place) {
+				place = element.nextSibling;
+				continue;
+			}
+			if (element.parentNode === parent) relocate([element], () => parent.insertBefore(element, place));
+			else parent.insertBefore(element, place);
+		}
+	}
+};
+//#endregion
+export { TKeyedLoop };

package/dist/adapter/template/owner.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Наборы, классы и стиль значением на узлах шаблона — тем же правилом, что
+ * база на корне (`runtime/paint.ts`), слоем владельца: когда узел — корень
+ * вложенного компонента, написанное владельцем лежит поверх того, что
+ * компонент пишет себе сам. Каждый вызов заменяет слой владельца целиком,
+ * поэтому несколько наборов на один узел кладутся одним вызовом.
+ */
+import type { TAttributesMap } from '@soxa-ui/core';
+/** У детали с полем набор уходит на поле: `aria` Select — на `<input>` детали Input. */
+export declare function ownerAttributes(element: Element, set: TAttributesMap | undefined): void;
+/** Классы части без своего экземпляра: панели меню и подменю. */
+export declare function ownerClasses(element: HTMLElement, classes: readonly string[] | undefined): void;
+export declare function ownerStyles(element: HTMLElement, style: Readonly<Record<string, string | number>> | undefined): void;

package/dist/adapter/template/owner.js

@@ -0,0 +1,15 @@
+import { TElementAttributes, TPaint, stylesOf } from "../runtime/paint.js";
+//#region src/adapter/template/owner.ts
+/** У детали с полем набор уходит на поле: `aria` Select — на `<input>` детали Input. */
+function ownerAttributes(element, set) {
+	TElementAttributes.of(element).set("owner", set ?? {});
+}
+/** Классы части без своего экземпляра: панели меню и подменю. */
+function ownerClasses(element, classes) {
+	TPaint.of(element).classes("owner", classes ?? []);
+}
+function ownerStyles(element, style) {
+	TPaint.of(element).styles("owner", stylesOf(style));
+}
+//#endregion
+export { ownerAttributes, ownerClasses, ownerStyles };

package/dist/adapter/template/parts.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Элементы, которые строит шаблон: деталь разметки (кнопка очистки, строка
+ * таба) и элемент коллекции из данных. Оба — разметка владельца, их события
+ * не всплывают. Деталь несёт имя места (`embedded`), обязательное в типе:
+ * сторожа разметки, как у остальных адаптеров, у кода шаблона нет. AGENTS.md
+ * (Web Components), «Разметка владельца».
+ */
+import type { ITemplateContext } from './types';
+/** Класс элемента: по нему шаблон находит имя и тег, под которыми тот зарегистрирован. */
+export type TPartClass<T extends HTMLElement> = {
+    [Symbol.hasInstance](node: unknown): node is T;
+};
+export type TDetailOptions = {
+    /** Имя места в разметке владельца: `input.clear`. */
+    readonly embedded: string;
+    /** Статика тега детали: `<button>` без `type="button"` отправил бы форму. */
+    readonly attributes?: Readonly<Record<string, string>>;
+};
+/** Слот владельца (`item-leading`) → слот элемента (`leading`). */
+export type TItemSlots = Readonly<Record<string, string>>;
+/** Элемент коллекции из данных. Незарегистрированная часть — ошибка, а не обычный узел. */
+export declare function createItem<T extends HTMLElement>(owner: Document, part: TPartClass<T>): T;
+export declare function createDetail<T extends HTMLElement>(owner: Document, part: TPartClass<T>, { embedded, attributes }: TDetailOptions): T;
+/** Копия образца с содержимым; пустой `<template>` — как не заданный. */
+export declare function sampleOf(ctx: Pick<ITemplateContext, 'sample'>, name: string): DocumentFragment | null;
+/** Копии образцов `item-*` — в слоты элемента из данных; нет образца — элемент рисует своё. */
+export declare function lendSamples(ctx: Pick<ITemplateContext, 'sample'>, element: Element, slots: TItemSlots): void;
+/**
+ * Копии образцов — в `<template>` слотов элемента, который сам копирует их
+ * дальше (`cell` строки таблицы): инертная копия не подключается вне ячеек.
+ */
+export declare function lendTemplates(ctx: Pick<ITemplateContext, 'sample'>, element: Element, slots: TItemSlots): void;
+/**
+ * Свойства элемента — только сменившиеся: каждая запись идёт через связку, а
+ * у нативного свойства (`disabled` кнопки) — ещё и через атрибут.
+ */
+export declare function patch<T extends object, K extends keyof T>(target: T, values: Pick<T, K>): void;

package/dist/adapter/template/parts.js

@@ -0,0 +1,61 @@
+import { markOwnerMarkup } from "../runtime/marks.js";
+import { lend } from "./lend.js";
+import { isContent } from "../runtime/content.js";
+import { registrationOf } from "../runtime/defineElement.js";
+//#region src/adapter/template/parts.ts
+/**
+* Элементы, которые строит шаблон: деталь разметки (кнопка очистки, строка
+* таба) и элемент коллекции из данных. Оба — разметка владельца, их события
+* не всплывают. Деталь несёт имя места (`embedded`), обязательное в типе:
+* сторожа разметки, как у остальных адаптеров, у кода шаблона нет. AGENTS.md
+* (Web Components), «Разметка владельца».
+*/
+/** Элемент коллекции из данных. Незарегистрированная часть — ошибка, а не обычный узел. */
+function createItem(owner, part) {
+	const registration = registrationOf(part);
+	if (!registration) throw new Error("[soxa] Класс элемента не зарегистрирован: модуль элемента не загружен");
+	const element = owner.createElement(registration.tag, { is: registration.name });
+	if (!(element instanceof part)) throw new Error(`[soxa] <${registration.tag} is="${registration.name}"> не элемент своего класса`);
+	markOwnerMarkup(element);
+	return element;
+}
+function createDetail(owner, part, { embedded, attributes = {} }) {
+	const element = createItem(owner, part);
+	element.setAttribute("embedded", embedded);
+	for (const [name, value] of Object.entries(attributes)) element.setAttribute(name, value);
+	return element;
+}
+/** Копия образца с содержимым; пустой `<template>` — как не заданный. */
+function sampleOf(ctx, name) {
+	const copy = ctx.sample(name);
+	return copy && Array.from(copy.childNodes).some(isContent) ? copy : null;
+}
+/** Копии образцов `item-*` — в слоты элемента из данных; нет образца — элемент рисует своё. */
+function lendSamples(ctx, element, slots) {
+	for (const [from, to] of Object.entries(slots)) {
+		const copy = ctx.sample(from);
+		if (copy) lend(element, to, copy);
+	}
+}
+/**
+* Копии образцов — в `<template>` слотов элемента, который сам копирует их
+* дальше (`cell` строки таблицы): инертная копия не подключается вне ячеек.
+*/
+function lendTemplates(ctx, element, slots) {
+	for (const [from, to] of Object.entries(slots)) {
+		const copy = sampleOf(ctx, from);
+		if (!copy) continue;
+		const template = element.ownerDocument.createElement("template");
+		template.content.append(copy);
+		lend(element, to, template);
+	}
+}
+/**
+* Свойства элемента — только сменившиеся: каждая запись идёт через связку, а
+* у нативного свойства (`disabled` кнопки) — ещё и через атрибут.
+*/
+function patch(target, values) {
+	for (const key in values) if (target[key] !== values[key]) target[key] = values[key];
+}
+//#endregion
+export { createDetail, createItem, lendSamples, lendTemplates, patch, sampleOf };

package/dist/adapter/template/types.d.ts

@@ -0,0 +1,69 @@
+/**
+ * Контракт шаблона: фреймворка нет, и шаблон — описание структуры плюс
+ * привязки «проп → DOM-операция». Привязка знает свои пропы, и на флаше
+ * применяются только те, чьи пропы сменились. То, что ядро пишет на корень,
+ * раскладывает база, шаблону остаётся своё. AGENTS.md (Web Components),
+ * «Шаблон».
+ */
+import type { TBindingState } from '../runtime/useAdapter';
+/**
+ * Куда содержимое слота: внутрь узла, перед ним (слоты-соседи без обёрток,
+ * которых нет у остальных адаптеров) или образцом — копию отдаёт `sample`.
+ * `slot` — точка ведёт в слот детали шаблона: узлы назначаются ему.
+ */
+export type TSlotTarget = {
+    mode: 'append';
+    node: HTMLElement;
+    slot?: string;
+} | {
+    mode: 'before';
+    node: Node;
+    slot?: string;
+} | {
+    mode: 'sample';
+};
+/** Порядок ключей значим: в одну точку `append` раньше встаёт слот, объявленный раньше. */
+export type TSlotTargets = Record<string, TSlotTarget>;
+export type TTemplateParts = {
+    readonly slots: TSlotTargets;
+    /** Поле корня (`control` в описании корня): на него едет статика разметки элемента. */
+    readonly control?: HTMLElement;
+    /** Корень внутри элемента-обёртки: `table` в окне, регион тостов. */
+    readonly root?: HTMLElement;
+    /** Спутник корня слоя — подложка: стоит перед корнем, ездит и прячется с ним. */
+    readonly companion?: HTMLElement;
+};
+/**
+ * Живой вид элемента: `state`, `ctrl` и `facade` читаются в момент обращения,
+ * и обработчик, заведённый при построении, после перестановки зовёт новую
+ * связку.
+ */
+export interface ITemplateContext<TInstance = object, TFacade = unknown, TOutputs = unknown, TOwnerFacade = unknown> {
+    /** Сам элемент; у обёртки — узел вокруг корня. */
+    readonly root: HTMLElement;
+    /** Узел слота по умолчанию. */
+    readonly content: HTMLElement;
+    readonly state: TBindingState<TInstance, TFacade, TOutputs, TOwnerFacade>;
+    readonly ctrl: TInstance | undefined;
+    readonly facade: TFacade | undefined;
+    hasSlot(name: string): boolean;
+    /** Узлы слота потребителя, а не копии: набор триггера ложится на них на месте. */
+    slotted(name: string): readonly ChildNode[];
+    sample(name: string): DocumentFragment | null;
+    /** Слот, который выводит привязка: снятое уходит из документа. */
+    showSlot(name: string, shown: boolean): void;
+}
+export interface ITemplateBinding<TInstance = object, TFacade = unknown, TOutputs = unknown, TOwnerFacade = unknown> {
+    props: readonly string[];
+    apply(ctx: ITemplateContext<TInstance, TFacade, TOutputs, TOwnerFacade>): void;
+}
+export interface ITemplate<TInstance = object, TFacade = unknown, TOutputs = unknown, TOwnerFacade = unknown> {
+    /**
+     * Структура в корне — один раз, при первом подключении. Заданные слоты уже
+     * известны (`ctx.hasSlot`): обёртку слота шаблон строит, только когда в неё
+     * есть что положить.
+     */
+    create(root: HTMLElement, ctx: ITemplateContext<TInstance, TFacade, TOutputs, TOwnerFacade>): TTemplateParts;
+    bindings: readonly ITemplateBinding<TInstance, TFacade, TOutputs, TOwnerFacade>[];
+}
+export declare function bind<TInstance, TFacade = unknown, TOutputs = unknown, TOwnerFacade = unknown>(props: string | readonly string[], apply: (ctx: ITemplateContext<TInstance, TFacade, TOutputs, TOwnerFacade>) => void): ITemplateBinding<TInstance, TFacade, TOutputs, TOwnerFacade>;

package/dist/adapter/template/types.js

@@ -0,0 +1,9 @@
+//#region src/adapter/template/types.ts
+function bind(props, apply) {
+	return {
+		props: typeof props === "string" ? [props] : props,
+		apply
+	};
+}
+//#endregion
+export { bind };

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

@@ -0,0 +1 @@
+export { toastsOf, isToastRender, type TToastRender } from './toastsOf';

package/dist/adapter/toasts/index.js

@@ -0,0 +1 @@
+export { isToastRender, toastsOf } from "./toastsOf.js";

package/dist/adapter/toasts/toastsOf.d.ts

@@ -0,0 +1,12 @@
+import type { IToastsApi, IToastsItem } from '@soxa-ui/core';
+/** Своё содержимое тоста: функция получает тост и отдаёт узел. Ядро держит его как `unknown`. */
+export type TToastRender = (toast: IToastsItem) => Node;
+/** Проверкой, а не приведением; что функция отдаёт узел — контракт API. */
+export declare function isToastRender(value: unknown): value is TToastRender;
+/**
+ * API тостов ближайшего `<so-toasts>` выше узла, как `useToasts()` у
+ * фреймворков: контекста компонента у платформы нет, и место называет узел.
+ * Узел в увезённой панели ищет от её якоря. Менеджера нет — ошибка: молчаливый
+ * `show` спрятал бы забытый `<so-toasts>`.
+ */
+export declare function toastsOf(node: Element): IToastsApi<TToastRender>;

package/dist/adapter/toasts/toastsOf.js

@@ -0,0 +1,21 @@
+import { createWebcElevator } from "../elevator/factory.js";
+import "../elevator/index.js";
+import { TOASTS_ELEVATOR } from "@soxa-ui/setup";
+//#region src/adapter/toasts/toastsOf.ts
+/** Проверкой, а не приведением; что функция отдаёт узел — контракт API. */
+function isToastRender(value) {
+	return typeof value === "function";
+}
+/**
+* API тостов ближайшего `<so-toasts>` выше узла, как `useToasts()` у
+* фреймворков: контекста компонента у платформы нет, и место называет узел.
+* Узел в увезённой панели ищет от её якоря. Менеджера нет — ошибка: молчаливый
+* `show` спрятал бы забытый `<so-toasts>`.
+*/
+function toastsOf(node) {
+	const api = createWebcElevator(node)(TOASTS_ELEVATOR).up();
+	if (!api) throw new Error("toastsOf(): выше узла нет <so-toasts>. Оберните приложение менеджером и зовите toastsOf у узла внутри него: <so-toasts>…</so-toasts>");
+	return api;
+}
+//#endregion
+export { isToastRender, toastsOf };

package/dist/components/accordion/Accordion.element.d.ts

@@ -0,0 +1,9 @@
+/**
+ * `<div is="so-accordion">` — набор раскрывающихся секций; модуль регистрирует
+ * и секцию. docs/architecture.md, Layer 8d, «Коллекция».
+ */
+import { AccordionDescriptor } from '@soxa-ui/setup';
+import type { IAccordion, TAccordionCollectionFacade } from '@soxa-ui/core';
+import type { TElementClassOf, TElementType } from '../../adapter';
+export declare const TAccordionElement: TElementClassOf<typeof HTMLDivElement, typeof AccordionDescriptor, IAccordion, TAccordionCollectionFacade>;
+export type TAccordionElementProps = TElementType<typeof TAccordionElement>;

package/dist/components/accordion/Accordion.element.js

@@ -0,0 +1,27 @@
+import { defineElement } from "../../adapter/runtime/defineElement.js";
+import { ElementBase } from "../../adapter/runtime/element.base.js";
+import "../../adapter/index.js";
+import { TAccordionItemElement } from "./item/AccordionItem.element.js";
+import "./item/index.js";
+import { accordionTemplate } from "./accordion.template.js";
+import { setupAccordion } from "./setup.component.js";
+import { AccordionCollectionDescriptor, AccordionDescriptor } from "@soxa-ui/setup";
+//#region src/components/accordion/Accordion.element.ts
+/**
+* `<div is="so-accordion">` — набор раскрывающихся секций; модуль регистрирует
+* и секцию. docs/architecture.md, Layer 8d, «Коллекция».
+*/
+var TAccordionElement = ElementBase(HTMLDivElement, {
+	descriptor: AccordionDescriptor,
+	facade: AccordionCollectionDescriptor,
+	template: accordionTemplate,
+	root: {
+		strategy: "host",
+		sets: ["attrs"]
+	},
+	setup: setupAccordion
+});
+defineElement("so-accordion", TAccordionElement, "div");
+defineElement("so-accordion-item", TAccordionItemElement, "div");
+//#endregion
+export { TAccordionElement };

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

@@ -0,0 +1,10 @@
+/**
+ * Шаблон Accordion: своей разметки нет, только секции; без секций разметки —
+ * секции из данных петлёй по `shown` с копиями образцов `item-*`.
+ * docs/architecture.md, Layer 8d, «Коллекция».
+ */
+import type { IAccordion, TAccordionCollectionFacade } from '@soxa-ui/core';
+import { type ITemplate, type TItemSlots } from '../../adapter';
+/** Слот аккордеона → слот секции; сверяет `setup/__tests__/item-slots.spec.ts`. */
+export declare const ACCORDION_ITEM_SLOTS: TItemSlots;
+export declare const accordionTemplate: ITemplate<IAccordion, TAccordionCollectionFacade>;

package/dist/components/accordion/accordion.template.js

@@ -0,0 +1,44 @@
+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 { TAccordionItemElement } from "./item/AccordionItem.element.js";
+import "./item/index.js";
+//#region src/components/accordion/accordion.template.ts
+/** Слот аккордеона → слот секции; сверяет `setup/__tests__/item-slots.spec.ts`. */
+var ACCORDION_ITEM_SLOTS = {
+	"item-arrow-icon": "arrow-icon",
+	"item-leading": "leading",
+	item: "header",
+	"item-trailing": "trailing",
+	"item-content": "default"
+};
+var loops = /* @__PURE__ */ new WeakMap();
+/** Инстанс данных и копии образцов — до вставки. */
+function sectionOf(ctx, item) {
+	const section = createItem(ctx.root.ownerDocument, TAccordionItemElement);
+	section.ctrl = item;
+	lendSamples(ctx, section, ACCORDION_ITEM_SLOTS);
+	return section;
+}
+var accordionTemplate = {
+	create: (root, { hasSlot }) => {
+		if (!hasSlot("default")) loops.set(root, new TKeyedLoop(root, null, (item) => item.uid));
+		return { slots: {
+			default: {
+				mode: "append",
+				node: root
+			},
+			item: { mode: "sample" },
+			"item-arrow-icon": { mode: "sample" },
+			"item-leading": { mode: "sample" },
+			"item-trailing": { mode: "sample" },
+			"item-content": { mode: "sample" }
+		} };
+	},
+	bindings: [bind("shown", (ctx) => {
+		loops.get(ctx.root)?.draw(ctx.state.shown ?? [], (item) => sectionOf(ctx, item));
+	})]
+};
+//#endregion
+export { ACCORDION_ITEM_SLOTS, accordionTemplate };

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

@@ -0,0 +1,5 @@
+/** Application API for this element entry. */
+export { TAccordionElement } from './Accordion.element';
+export type { TAccordionElementProps } from './Accordion.element';
+export { TAccordionItemElement } from './item/AccordionItem.element';
+export type { TAccordionItemElementProps } from './item/AccordionItem.element';

package/dist/components/accordion/index.js

@@ -0,0 +1,3 @@
+import { TAccordionItemElement } from "./item/AccordionItem.element.js";
+import { TAccordionElement } from "./Accordion.element.js";
+export { TAccordionElement, TAccordionItemElement };

package/dist/components/accordion/item/AccordionItem.element.d.ts

@@ -0,0 +1,10 @@
+/**
+ * `<div is="so-accordion-item">` — секция аккордеона. Ряд секций — флексбокс,
+ * поэтому номер места (`order`) на корне. docs/architecture.md, Layer 8d,
+ * «Коллекция».
+ */
+import { AccordionItemDescriptor } from '@soxa-ui/setup';
+import type { IAccordionItem, TAccordionItemCollectionFacade } from '@soxa-ui/core';
+import type { TElementClassOf, TElementType } from '../../../adapter';
+export declare const TAccordionItemElement: TElementClassOf<typeof HTMLDivElement, typeof AccordionItemDescriptor, IAccordionItem, TAccordionItemCollectionFacade>;
+export type TAccordionItemElementProps = TElementType<typeof TAccordionItemElement>;

package/dist/components/accordion/item/AccordionItem.element.js

@@ -0,0 +1,25 @@
+import { ElementBase } from "../../../adapter/runtime/element.base.js";
+import "../../../adapter/index.js";
+import { setupAccordionItem } from "./setup.component.js";
+import { accordionItemTemplate } from "./accordion-item.template.js";
+import { AccordionCollectionItemDescriptor, AccordionItemDescriptor } from "@soxa-ui/setup";
+//#region src/components/accordion/item/AccordionItem.element.ts
+/**
+* `<div is="so-accordion-item">` — секция аккордеона. Ряд секций — флексбокс,
+* поэтому номер места (`order`) на корне. docs/architecture.md, Layer 8d,
+* «Коллекция».
+*/
+var TAccordionItemElement = ElementBase(HTMLDivElement, {
+	descriptor: AccordionItemDescriptor,
+	facade: AccordionCollectionItemDescriptor,
+	template: accordionItemTemplate,
+	root: {
+		strategy: "host",
+		sets: ["attrs", "dataset"],
+		order: true,
+		control: true
+	},
+	setup: setupAccordionItem
+});
+//#endregion
+export { TAccordionItemElement };

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

@@ -0,0 +1,8 @@
+/**
+ * Шаблон секции Accordion: заголовок — деталь Button (поле корня, слоты
+ * секции — его свет), панель под ним со слотом `default`.
+ * docs/architecture.md, Layer 8d, «Коллекция».
+ */
+import type { IAccordionItem, TAccordionItemCollectionFacade } from '@soxa-ui/core';
+import { type ITemplate } from '../../../adapter';
+export declare const accordionItemTemplate: ITemplate<IAccordionItem, TAccordionItemCollectionFacade>;