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

package/dist/components/list-box/setup.component.d.ts

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

package/dist/components/list-box/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 { ListBoxCollectionDescriptor, ListBoxDescriptor, TCollectionExtension, TDragAndDropCollectionExtension, TVirtualCollectionExtension } from "@soxa-ui/setup";
+//#region src/components/list-box/setup.component.ts
+function setupListBox(host, ctrl, props, onUpdate) {
+	const adapter = createWebcAdapterContext(host, ListBoxDescriptor(), {
+		ctrl,
+		props
+	});
+	const elevator = createWebcElevator(host);
+	const collectionAdapter = createWebcAdapterContext(host, ListBoxCollectionDescriptor(), {
+		props,
+		options: {
+			owner: adapter.instance,
+			engine: props["engine"]
+		}
+	}, { bundle: adapter.bundle }).use(TCollectionExtension, { elevator }).use(TDragAndDropCollectionExtension, { elevator }).use(TVirtualCollectionExtension, { elevator });
+	const facade = useCollectionAdapter(collectionAdapter, host, onUpdate);
+	const owner = useAdapter(adapter, host, onUpdate);
+	return joinBindings(owner, facade);
+}
+//#endregion
+export { setupListBox };

package/dist/components/menu/Menu.element.d.ts

@@ -0,0 +1,10 @@
+/**
+ * `<span is="so-menu">` — меню действий у кнопки (APG Menu Button) или
+ * контекстное меню области. Модуль регистрирует и части меню.
+ * docs/architecture.md, Layer 8d, «Меню».
+ */
+import { MenuDescriptor } from '@soxa-ui/setup';
+import type { IMenu, TMenuCollectionFacade } from '@soxa-ui/core';
+import type { TElementClassOf, TElementType } from '../../adapter';
+export declare const TMenuElement: TElementClassOf<typeof HTMLSpanElement, typeof MenuDescriptor, IMenu, TMenuCollectionFacade>;
+export type TMenuElementProps = TElementType<typeof TMenuElement>;

package/dist/components/menu/Menu.element.js

@@ -0,0 +1,49 @@
+import { defineElement } from "../../adapter/runtime/defineElement.js";
+import { ElementBase } from "../../adapter/runtime/element.base.js";
+import "../../adapter/index.js";
+import { TMenuCheckboxItemElement } from "./checkbox-item/MenuCheckboxItem.element.js";
+import "./checkbox-item/index.js";
+import { TMenuGroupElement } from "./group/MenuGroup.element.js";
+import "./group/index.js";
+import { TMenuItemElement } from "./item/MenuItem.element.js";
+import "./item/index.js";
+import { TMenuPopoverItemElement } from "./popover-item/MenuPopoverItem.element.js";
+import "./popover-item/index.js";
+import { TMenuRadioGroupElement } from "./radio-group/MenuRadioGroup.element.js";
+import "./radio-group/index.js";
+import { TMenuRadioItemElement } from "./radio-item/MenuRadioItem.element.js";
+import "./radio-item/index.js";
+import { TMenuSeparatorElement } from "./separator/MenuSeparator.element.js";
+import "./separator/index.js";
+import { TMenuSubmenuElement } from "./submenu/MenuSubmenu.element.js";
+import "./submenu/index.js";
+import { menuTemplate } from "./menu.template.js";
+import { setupMenu } from "./setup.component.js";
+import { MenuCollectionDescriptor, MenuDescriptor } from "@soxa-ui/setup";
+//#region src/components/menu/Menu.element.ts
+/**
+* `<span is="so-menu">` — меню действий у кнопки (APG Menu Button) или
+* контекстное меню области. Модуль регистрирует и части меню.
+* docs/architecture.md, Layer 8d, «Меню».
+*/
+var TMenuElement = ElementBase(HTMLSpanElement, {
+	descriptor: MenuDescriptor,
+	facade: MenuCollectionDescriptor,
+	template: menuTemplate,
+	root: {
+		strategy: "host",
+		sets: ["attrs", "dataset"]
+	},
+	setup: setupMenu
+});
+defineElement("so-menu", TMenuElement, "span");
+defineElement("so-menu-group", TMenuGroupElement, "div");
+defineElement("so-menu-radio-group", TMenuRadioGroupElement, "div");
+defineElement("so-menu-submenu", TMenuSubmenuElement, "div");
+defineElement("so-menu-item", TMenuItemElement, "div");
+defineElement("so-menu-checkbox-item", TMenuCheckboxItemElement, "div");
+defineElement("so-menu-radio-item", TMenuRadioItemElement, "div");
+defineElement("so-menu-popover-item", TMenuPopoverItemElement, "div");
+defineElement("so-menu-separator", TMenuSeparatorElement, "div");
+//#endregion
+export { TMenuElement };

package/dist/components/menu/checkbox-item/MenuCheckboxItem.element.d.ts

@@ -0,0 +1,10 @@
+/**
+ * `<div is="so-menu-checkbox-item">` — флажок меню: отмечается и меню не
+ * закрывает. Отметка — `selected` фасада, выбор коллекции меню в режиме
+ * `multiple`. Корень и строка — как у пункта (`MenuItem.element.ts`).
+ */
+import { MenuCheckboxItemDescriptor } from '@soxa-ui/setup';
+import type { IMenuCheckboxItem, TMenuItemCollectionFacade } from '@soxa-ui/core';
+import type { TElementClassOf, TElementType } from '../../../adapter';
+export declare const TMenuCheckboxItemElement: TElementClassOf<typeof HTMLDivElement, typeof MenuCheckboxItemDescriptor, IMenuCheckboxItem, TMenuItemCollectionFacade>;
+export type TMenuCheckboxItemElementProps = TElementType<typeof TMenuCheckboxItemElement>;

package/dist/components/menu/checkbox-item/MenuCheckboxItem.element.js

@@ -0,0 +1,24 @@
+import { ElementBase } from "../../../adapter/runtime/element.base.js";
+import "../../../adapter/index.js";
+import { setupMenuCheckboxItem } from "./setup.component.js";
+import { menuCheckboxItemTemplate } from "./menu-checkbox-item.template.js";
+import { MenuCheckboxItemDescriptor, MenuCollectionCheckboxItemDescriptor } from "@soxa-ui/setup";
+//#region src/components/menu/checkbox-item/MenuCheckboxItem.element.ts
+/**
+* `<div is="so-menu-checkbox-item">` — флажок меню: отмечается и меню не
+* закрывает. Отметка — `selected` фасада, выбор коллекции меню в режиме
+* `multiple`. Корень и строка — как у пункта (`MenuItem.element.ts`).
+*/
+var TMenuCheckboxItemElement = ElementBase(HTMLDivElement, {
+	descriptor: MenuCheckboxItemDescriptor,
+	facade: MenuCollectionCheckboxItemDescriptor,
+	template: menuCheckboxItemTemplate,
+	root: {
+		strategy: "host",
+		sets: ["attrs", "dataset"],
+		control: true
+	},
+	setup: setupMenuCheckboxItem
+});
+//#endregion
+export { TMenuCheckboxItemElement };

package/dist/components/menu/checkbox-item/index.d.ts

@@ -0,0 +1,3 @@
+export { setupMenuCheckboxItem } from './setup.component';
+export { TMenuCheckboxItemElement, type TMenuCheckboxItemElementProps, } from './MenuCheckboxItem.element';
+export { menuCheckboxItemTemplate } from './menu-checkbox-item.template';

package/dist/components/menu/checkbox-item/index.js

@@ -0,0 +1,3 @@
+import "./setup.component.js";
+import "./menu-checkbox-item.template.js";
+export { TMenuCheckboxItemElement } from "./MenuCheckboxItem.element.js";

package/dist/components/menu/checkbox-item/menu-checkbox-item.template.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Шаблон флажка меню: строка пункта (`row.ts`) с отметкой в начале. Обёртка
+ * отметки есть и у неотмеченного: она держит колонку, и по ней тема узнаёт, что
+ * у меню есть колонка отметок.
+ */
+import type { IMenuCheckboxItem, TMenuItemCollectionFacade } from '@soxa-ui/core';
+import { type ITemplate } from '../../../adapter';
+export declare const menuCheckboxItemTemplate: ITemplate<IMenuCheckboxItem, TMenuItemCollectionFacade>;

package/dist/components/menu/checkbox-item/menu-checkbox-item.template.js

@@ -0,0 +1,58 @@
+import { bind } from "../../../adapter/template/types.js";
+import { lend } from "../../../adapter/template/lend.js";
+import "../../../adapter/index.js";
+import { createRow, iconSize, partOf, placeMark, roleIconOf, rowBindings } from "../row.js";
+import { DEFAULT_SLOT } from "@soxa-ui/setup";
+//#region src/components/menu/checkbox-item/menu-checkbox-item.template.ts
+var marks = /* @__PURE__ */ new WeakMap();
+var menuCheckboxItemTemplate = {
+	create: (root, ctx) => {
+		const { hasSlot } = ctx;
+		const { ownerDocument } = root;
+		const row = createRow(root, () => ctx.facade?.context?.adapters.menu.toggle());
+		const indicator = partOf(ownerDocument, "so-menu-item__indicator", true);
+		const icon = partOf(ownerDocument, "so-menu-item__icon");
+		const shortcut = partOf(ownerDocument, "so-menu-item__shortcut");
+		lend(row, "leading", indicator);
+		lend(row, "leading", icon);
+		lend(row, "trailing", shortcut);
+		marks.set(root, {
+			indicator,
+			icon: hasSlot("indicator-icon") ? null : roleIconOf(ownerDocument, "menu.indicator", "check")
+		});
+		return {
+			slots: {
+				"indicator-icon": {
+					mode: "append",
+					node: indicator
+				},
+				leading: {
+					mode: "append",
+					node: icon
+				},
+				default: {
+					mode: "append",
+					node: row,
+					slot: DEFAULT_SLOT
+				},
+				trailing: {
+					mode: "append",
+					node: shortcut
+				}
+			},
+			control: row
+		};
+	},
+	bindings: [
+		...rowBindings(DEFAULT_SLOT),
+		bind("size", ({ root, state }) => iconSize(marks.get(root)?.icon ?? null, state.size)),
+		bind("selected", ({ root, state, showSlot }) => {
+			const own = marks.get(root);
+			const selected = state.selected === true;
+			showSlot("indicator-icon", selected);
+			if (own) placeMark(own.indicator, own.icon, selected);
+		})
+	]
+};
+//#endregion
+export { menuCheckboxItemTemplate };

package/dist/components/menu/checkbox-item/setup.component.d.ts

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

package/dist/components/menu/checkbox-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 { MenuCheckboxItemDescriptor, MenuCollectionCheckboxItemDescriptor, TCollectionItemExtension } from "@soxa-ui/setup";
+//#region src/components/menu/checkbox-item/setup.component.ts
+function setupMenuCheckboxItem(host, ctrl, props, onUpdate) {
+	const adapter = createWebcAdapterContext(host, MenuCheckboxItemDescriptor(), {
+		ctrl,
+		props
+	});
+	const itemAdapter = createWebcAdapterContext(host, MenuCollectionCheckboxItemDescriptor(), { 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 { setupMenuCheckboxItem };

package/dist/components/menu/group/MenuGroup.element.d.ts

@@ -0,0 +1,9 @@
+/**
+ * `<div is="so-menu-group">` — пункты меню под общей подписью. Пункт в группе
+ * берёт при сборке её ключ. docs/architecture.md, Layer 8d, «Меню».
+ */
+import { MenuGroupDescriptor } from '@soxa-ui/setup';
+import type { IItemGroup } from '@soxa-ui/core';
+import type { TElementClassOf, TElementType } from '../../../adapter';
+export declare const TMenuGroupElement: TElementClassOf<typeof HTMLDivElement, typeof MenuGroupDescriptor, IItemGroup>;
+export type TMenuGroupElementProps = TElementType<typeof TMenuGroupElement>;

package/dist/components/menu/group/MenuGroup.element.js

@@ -0,0 +1,17 @@
+import { ElementBase } from "../../../adapter/runtime/element.base.js";
+import "../../../adapter/index.js";
+import { setupMenuGroup } from "./setup.component.js";
+import { menuGroupTemplate } from "./menu-group.template.js";
+import { MenuGroupDescriptor } from "@soxa-ui/setup";
+//#region src/components/menu/group/MenuGroup.element.ts
+/**
+* `<div is="so-menu-group">` — пункты меню под общей подписью. Пункт в группе
+* берёт при сборке её ключ. docs/architecture.md, Layer 8d, «Меню».
+*/
+var TMenuGroupElement = ElementBase(HTMLDivElement, {
+	descriptor: MenuGroupDescriptor,
+	template: menuGroupTemplate,
+	setup: setupMenuGroup
+});
+//#endregion
+export { TMenuGroupElement };

package/dist/components/menu/group/index.d.ts

@@ -0,0 +1,3 @@
+export { setupMenuGroup } from './setup.component';
+export { TMenuGroupElement, type TMenuGroupElementProps } from './MenuGroup.element';
+export { menuGroupTemplate } from './menu-group.template';

package/dist/components/menu/group/index.js

@@ -0,0 +1,3 @@
+import "./setup.component.js";
+import "./menu-group.template.js";
+export { TMenuGroupElement } from "./MenuGroup.element.js";

package/dist/components/menu/group/menu-group.template.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Шаблон группы меню; его функции рисуют и группу переключателей. Подпись —
+ * первый узел корня, пока `label` не пуст: нет подписи — нет и ссылки на неё.
+ * Пункты встают в конец корня.
+ */
+import type { IItemGroup, TAttributesMap } from '@soxa-ui/core';
+import { type ITemplate, type TTemplateParts } from '../../../adapter';
+export declare function createGroup(root: HTMLElement): TTemplateParts;
+export declare function showLabel(root: HTMLElement, value: string | undefined): void;
+/** Подпись — разметка без своего экземпляра: её набор (`id`) держит группа. */
+export declare function labelAttributes(root: HTMLElement, set: TAttributesMap | undefined): void;
+export declare const menuGroupTemplate: ITemplate<IItemGroup>;

package/dist/components/menu/group/menu-group.template.js

@@ -0,0 +1,37 @@
+import { bind } from "../../../adapter/template/types.js";
+import { ownerAttributes } from "../../../adapter/template/owner.js";
+import "../../../adapter/index.js";
+//#region src/components/menu/group/menu-group.template.ts
+/** Узел подписи каждой группы — один на всё время жизни элемента. */
+var labels = /* @__PURE__ */ new WeakMap();
+function createGroup(root) {
+	const label = root.ownerDocument.createElement("div");
+	label.className = "so-menu-group__label";
+	labels.set(root, label);
+	return { slots: { default: {
+		mode: "append",
+		node: root
+	} } };
+}
+function showLabel(root, value) {
+	const label = labels.get(root);
+	if (!label) return;
+	const text = value ?? "";
+	if (text === "") {
+		label.remove();
+		return;
+	}
+	label.textContent = text;
+	if (root.firstChild !== label) root.prepend(label);
+}
+/** Подпись — разметка без своего экземпляра: её набор (`id`) держит группа. */
+function labelAttributes(root, set) {
+	const label = labels.get(root);
+	if (label) ownerAttributes(label, set);
+}
+var menuGroupTemplate = {
+	create: createGroup,
+	bindings: [bind("label", ({ root, state }) => showLabel(root, state.label)), bind("labelAria", ({ root, state }) => labelAttributes(root, state.labelAria))]
+};
+//#endregion
+export { createGroup, labelAttributes, menuGroupTemplate, showLabel };

package/dist/components/menu/group/setup.component.d.ts

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

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

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

@@ -0,0 +1,19 @@
+/** Application API for this element entry. */
+export { TMenuElement } from './Menu.element';
+export type { TMenuElementProps } from './Menu.element';
+export { TMenuItemElement } from './item/MenuItem.element';
+export type { TMenuItemElementProps } from './item/MenuItem.element';
+export { TMenuCheckboxItemElement } from './checkbox-item/MenuCheckboxItem.element';
+export type { TMenuCheckboxItemElementProps } from './checkbox-item/MenuCheckboxItem.element';
+export { TMenuRadioItemElement } from './radio-item/MenuRadioItem.element';
+export type { TMenuRadioItemElementProps } from './radio-item/MenuRadioItem.element';
+export { TMenuSubmenuElement } from './submenu/MenuSubmenu.element';
+export type { TMenuSubmenuElementProps } from './submenu/MenuSubmenu.element';
+export { TMenuPopoverItemElement } from './popover-item/MenuPopoverItem.element';
+export type { TMenuPopoverItemElementProps } from './popover-item/MenuPopoverItem.element';
+export { TMenuGroupElement } from './group/MenuGroup.element';
+export type { TMenuGroupElementProps } from './group/MenuGroup.element';
+export { TMenuRadioGroupElement } from './radio-group/MenuRadioGroup.element';
+export type { TMenuRadioGroupElementProps } from './radio-group/MenuRadioGroup.element';
+export { TMenuSeparatorElement } from './separator/MenuSeparator.element';
+export type { TMenuSeparatorElementProps } from './separator/MenuSeparator.element';

package/dist/components/menu/index.js

@@ -0,0 +1,10 @@
+import { TMenuCheckboxItemElement } from "./checkbox-item/MenuCheckboxItem.element.js";
+import { TMenuGroupElement } from "./group/MenuGroup.element.js";
+import { TMenuItemElement } from "./item/MenuItem.element.js";
+import { TMenuPopoverItemElement } from "./popover-item/MenuPopoverItem.element.js";
+import { TMenuRadioGroupElement } from "./radio-group/MenuRadioGroup.element.js";
+import { TMenuRadioItemElement } from "./radio-item/MenuRadioItem.element.js";
+import { TMenuSeparatorElement } from "./separator/MenuSeparator.element.js";
+import { TMenuSubmenuElement } from "./submenu/MenuSubmenu.element.js";
+import { TMenuElement } from "./Menu.element.js";
+export { TMenuCheckboxItemElement, TMenuElement, TMenuGroupElement, TMenuItemElement, TMenuPopoverItemElement, TMenuRadioGroupElement, TMenuRadioItemElement, TMenuSeparatorElement, TMenuSubmenuElement };

package/dist/components/menu/item/MenuItem.element.d.ts

@@ -0,0 +1,10 @@
+/**
+ * `<div is="so-menu-item">` — пункт меню, действие. Корень несёт классы, `attrs`
+ * и `dataset`, а `aria` пункта и перенесённые атрибуты разметки — строка, поле
+ * корня. docs/architecture.md, Layer 8d, «Меню».
+ */
+import { MenuItemDescriptor } from '@soxa-ui/setup';
+import type { IMenuItem, TMenuItemCollectionFacade } from '@soxa-ui/core';
+import type { TElementClassOf, TElementType } from '../../../adapter';
+export declare const TMenuItemElement: TElementClassOf<typeof HTMLDivElement, typeof MenuItemDescriptor, IMenuItem, TMenuItemCollectionFacade>;
+export type TMenuItemElementProps = TElementType<typeof TMenuItemElement>;

package/dist/components/menu/item/MenuItem.element.js

@@ -0,0 +1,24 @@
+import { ElementBase } from "../../../adapter/runtime/element.base.js";
+import "../../../adapter/index.js";
+import { setupMenuItem } from "./setup.component.js";
+import { menuItemTemplate } from "./menu-item.template.js";
+import { MenuCollectionItemDescriptor, MenuItemDescriptor } from "@soxa-ui/setup";
+//#region src/components/menu/item/MenuItem.element.ts
+/**
+* `<div is="so-menu-item">` — пункт меню, действие. Корень несёт классы, `attrs`
+* и `dataset`, а `aria` пункта и перенесённые атрибуты разметки — строка, поле
+* корня. docs/architecture.md, Layer 8d, «Меню».
+*/
+var TMenuItemElement = ElementBase(HTMLDivElement, {
+	descriptor: MenuItemDescriptor,
+	facade: MenuCollectionItemDescriptor,
+	template: menuItemTemplate,
+	root: {
+		strategy: "host",
+		sets: ["attrs", "dataset"],
+		control: true
+	},
+	setup: setupMenuItem
+});
+//#endregion
+export { TMenuItemElement };

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

@@ -0,0 +1,3 @@
+export { setupMenuItem } from './setup.component';
+export { TMenuItemElement, type TMenuItemElementProps } from './MenuItem.element';
+export { menuItemTemplate } from './menu-item.template';

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

@@ -0,0 +1,3 @@
+import "./setup.component.js";
+import "./menu-item.template.js";
+export { TMenuItemElement } from "./MenuItem.element.js";

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

@@ -0,0 +1,8 @@
+/**
+ * Шаблон пункта-действия: строка (`row.ts`) со значком и подсказкой сочетания.
+ * Обёртка значка есть у каждого пункта: пустая места не занимает, а значок хоть
+ * у одного пункта держит колонку всего меню.
+ */
+import type { IMenuItem, TMenuItemCollectionFacade } from '@soxa-ui/core';
+import { type ITemplate } from '../../../adapter';
+export declare const menuItemTemplate: ITemplate<IMenuItem, TMenuItemCollectionFacade>;

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

@@ -0,0 +1,36 @@
+import { lend } from "../../../adapter/template/lend.js";
+import "../../../adapter/index.js";
+import { createRow, partOf, rowBindings } from "../row.js";
+import { DEFAULT_SLOT } from "@soxa-ui/setup";
+//#region src/components/menu/item/menu-item.template.ts
+var menuItemTemplate = {
+	create: (root, ctx) => {
+		const { ownerDocument } = root;
+		const row = createRow(root, () => ctx.facade?.context?.adapters.menu.choose());
+		const icon = partOf(ownerDocument, "so-menu-item__icon");
+		const shortcut = partOf(ownerDocument, "so-menu-item__shortcut");
+		lend(row, "leading", icon);
+		lend(row, "trailing", shortcut);
+		return {
+			slots: {
+				leading: {
+					mode: "append",
+					node: icon
+				},
+				default: {
+					mode: "append",
+					node: row,
+					slot: DEFAULT_SLOT
+				},
+				trailing: {
+					mode: "append",
+					node: shortcut
+				}
+			},
+			control: row
+		};
+	},
+	bindings: rowBindings(DEFAULT_SLOT)
+};
+//#endregion
+export { menuItemTemplate };

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

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

package/dist/components/menu/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 { MenuCollectionItemDescriptor, MenuItemDescriptor, TCollectionItemExtension } from "@soxa-ui/setup";
+//#region src/components/menu/item/setup.component.ts
+function setupMenuItem(host, ctrl, props, onUpdate) {
+	const adapter = createWebcAdapterContext(host, MenuItemDescriptor(), {
+		ctrl,
+		props
+	});
+	const itemAdapter = createWebcAdapterContext(host, MenuCollectionItemDescriptor(), { 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 { setupMenuItem };

package/dist/components/menu/items.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Пункты из данных — одна разметка у меню и подменю: петли по секциям, группа,
+ * разделитель, подменю по записи `submenus`. docs/architecture.md, Layer 8d,
+ * «Меню».
+ *
+ * Вид пункта — в ключе строки: патч вид не меняет, а запись подменю у пункта
+ * устойчива — подменю то же, пока жив его пункт.
+ */
+import type { IMenuItem, TGroupSection, TMenuSubmenuEntries } from '@soxa-ui/core';
+import { type ITemplateContext, type TItemSlots } from '../../adapter';
+/** Слот владельца → слот действия, как проброс у остальных адаптеров (`item-slots.spec.ts`). */
+export declare const MENU_ITEM_SLOTS: TItemSlots;
+export declare const MENU_SUBMENU_SLOTS: TItemSlots;
+/**
+ * Образцы владельца — подменю из данных под теми же именами: слоты одни на все
+ * уровни. Копия уходит в `<template>`: в самом подменю она не оживает.
+ */
+export declare const MENU_SUBMENU_TEMPLATES: TItemSlots;
+type TMenuSection = TGroupSection<IMenuItem>;
+type TItemsContext = Pick<ITemplateContext, 'root' | 'sample'>;
+/** Заводит шаблон владельца без слота `default`: разметка заменяет данные, как слот у Vue. */
+export declare function drawItemsIn(root: HTMLElement, list: HTMLElement): void;
+/** Живую строку обновляет только группа: пункт берёт всё у своего инстанса. */
+export declare function drawItems(ctx: TItemsContext, sections: ReadonlyArray<TMenuSection> | undefined, submenus: TMenuSubmenuEntries | undefined, separated: boolean): void;
+export {};