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

package/dist/components/menu/items.js

@@ -0,0 +1,112 @@
+import { createItem, lendSamples, lendTemplates } from "../../adapter/template/parts.js";
+import { TKeyedLoop } from "../../adapter/template/loop.js";
+import "../../adapter/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 { TMenuSeparatorElement } from "./separator/MenuSeparator.element.js";
+import "./separator/index.js";
+import { TMenuSubmenuElement } from "./submenu/MenuSubmenu.element.js";
+//#region src/components/menu/items.ts
+/** Слот владельца → слот действия, как проброс у остальных адаптеров (`item-slots.spec.ts`). */
+var MENU_ITEM_SLOTS = {
+	"item-leading": "leading",
+	item: "default",
+	"item-trailing": "trailing"
+};
+var MENU_SUBMENU_SLOTS = {
+	"item-leading": "leading",
+	"item-header": "header",
+	"item-arrow-icon": "arrow-icon",
+	"item-content": "default"
+};
+/**
+* Образцы владельца — подменю из данных под теми же именами: слоты одни на все
+* уровни. Копия уходит в `<template>`: в самом подменю она не оживает.
+*/
+var MENU_SUBMENU_TEMPLATES = {
+	item: "item",
+	"item-leading": "item-leading",
+	"item-trailing": "item-trailing",
+	"item-header": "item-header",
+	"item-arrow-icon": "item-arrow-icon",
+	"item-content": "item-content"
+};
+/** Петля строк — только у владельца без пунктов разметки. */
+var loops = /* @__PURE__ */ new WeakMap();
+var groupLoops = /* @__PURE__ */ new WeakMap();
+/** Заводит шаблон владельца без слота `default`: разметка заменяет данные, как слот у Vue. */
+function drawItemsIn(root, list) {
+	loops.set(root, new TKeyedLoop(list, null, (row) => row.key));
+}
+function itemRowOf(item, submenus) {
+	const entry = submenus?.get(item);
+	return entry ? {
+		kind: "submenu",
+		key: `submenu:${item.uid}`,
+		entry
+	} : {
+		kind: "item",
+		key: `item:${item.uid}`,
+		item
+	};
+}
+/** Разделитель — перед каждой секцией, кроме первой, пока владелец их просит. */
+function rowsOf(sections, submenus, separated) {
+	return sections.flatMap((section, index) => [...separated && index > 0 ? [{
+		kind: "separator",
+		key: `separator:${section.key}`
+	}] : [], ...section.group ? [{
+		kind: "group",
+		key: section.key,
+		section
+	}] : section.items.map((item) => itemRowOf(item, submenus))]);
+}
+/** Данные и копии образцов — до вставки: сборка берёт их при подключении. */
+function itemOf(ctx, row) {
+	const { ownerDocument } = ctx.root;
+	if (row.kind === "submenu") {
+		const submenu = createItem(ownerDocument, TMenuSubmenuElement);
+		submenu.ctrl = row.entry.ctrl;
+		submenu.engine = row.entry.engine;
+		lendSamples(ctx, submenu, MENU_SUBMENU_SLOTS);
+		lendTemplates(ctx, submenu, MENU_SUBMENU_TEMPLATES);
+		return submenu;
+	}
+	const item = createItem(ownerDocument, TMenuItemElement);
+	item.ctrl = row.item;
+	lendSamples(ctx, item, MENU_ITEM_SLOTS);
+	return item;
+}
+/**
+* Пункты — своей петлёй в конце корня группы, за подписью. Новая группа ещё не
+* в документе: пункты — её свет, и в слот их разложит база при сборке.
+*/
+function fillGroup(ctx, group, section, submenus) {
+	group.label = section.group?.label;
+	let loop = groupLoops.get(group);
+	if (!loop) {
+		loop = new TKeyedLoop(group, null, (row) => row.key);
+		groupLoops.set(group, loop);
+	}
+	loop.draw(section.items.map((item) => itemRowOf(item, submenus)), (row) => itemOf(ctx, row));
+}
+function rowOf(ctx, row, submenus) {
+	const { ownerDocument } = ctx.root;
+	if (row.kind === "separator") return createItem(ownerDocument, TMenuSeparatorElement);
+	if (row.kind === "group") {
+		const group = createItem(ownerDocument, TMenuGroupElement);
+		fillGroup(ctx, group, row.section, submenus);
+		return group;
+	}
+	return itemOf(ctx, row);
+}
+/** Живую строку обновляет только группа: пункт берёт всё у своего инстанса. */
+function drawItems(ctx, sections, submenus, separated) {
+	loops.get(ctx.root)?.draw(rowsOf(sections ?? [], submenus, separated), (row) => rowOf(ctx, row, submenus), (node, row) => {
+		if (row.kind === "group" && node instanceof TMenuGroupElement) fillGroup(ctx, node, row.section, submenus);
+	});
+}
+//#endregion
+export { MENU_ITEM_SLOTS, MENU_SUBMENU_SLOTS, MENU_SUBMENU_TEMPLATES, drawItems, drawItemsIn };

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

@@ -0,0 +1,17 @@
+/**
+ * Шаблон Menu: триггер — слот `trigger` в корне перед панелью, панель — деталь
+ * Frame (`menu.frame`) со списком `div.so-menu__list`. `data-open` на корне —
+ * для потребителя, который красит свой триггер по контексту.
+ * docs/architecture.md, Layer 8d, «Меню».
+ *
+ * Триггер в корне: нажатие по открытому триггеру — нажатие внутри владельца, и
+ * панель не мигает. `tabindex="-1"` панели — фокус на ней, пока пункт не
+ * подсвечен; у списка роли нет: узел с ролью и фокусом один. Открытость —
+ * `visible` панели, а не `rendered`: пункты входят в коллекцию при
+ * монтировании, и закрытие не должно её вычищать; увезённую панель прячет база
+ * Frame — AGENTS.md (Web Components), «Поддерево».
+ */
+import type { IMenu, TMenuCollectionFacade } from '@soxa-ui/core';
+import { type ITemplate } from '../../adapter';
+import type { TMenuOutputs } from './setup.component';
+export declare const menuTemplate: ITemplate<IMenu, TMenuCollectionFacade, TMenuOutputs>;

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

@@ -0,0 +1,100 @@
+import { bind } from "../../adapter/template/types.js";
+import { ownerAttributes, ownerClasses } 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 { TFrameElement } from "../frame/Frame.element.js";
+import "../frame/index.js";
+import { drawItems, drawItemsIn } from "./items.js";
+import { DEFAULT_SLOT } from "@soxa-ui/setup";
+//#region src/components/menu/menu.template.ts
+/** Панель каждого меню — одна на всё время жизни элемента. */
+var panels = /* @__PURE__ */ new WeakMap();
+/** Триггер — первый элемент слота: текст вокруг него набора не несёт. */
+function triggerOf(nodes) {
+	return nodes.find((node) => node instanceof Element);
+}
+var menuTemplate = {
+	create: (root, { hasSlot }) => {
+		const { ownerDocument } = root;
+		const panel = createDetail(ownerDocument, TFrameElement, {
+			embedded: "menu.frame",
+			attributes: { tabindex: "-1" }
+		});
+		const list = ownerDocument.createElement("div");
+		panel.strategy = "fixed";
+		panel.anchor_anchor = root;
+		panel.anchor_offset = 4;
+		list.className = "so-menu__list";
+		lend(panel, DEFAULT_SLOT, list);
+		root.appendChild(panel);
+		if (!hasSlot(DEFAULT_SLOT)) drawItemsIn(root, list);
+		panels.set(root, panel);
+		return { slots: {
+			trigger: {
+				mode: "before",
+				node: panel
+			},
+			default: {
+				mode: "append",
+				node: list
+			},
+			item: { mode: "sample" },
+			"item-leading": { mode: "sample" },
+			"item-trailing": { mode: "sample" },
+			"item-header": { mode: "sample" },
+			"item-arrow-icon": { mode: "sample" },
+			"item-content": { mode: "sample" }
+		} };
+	},
+	bindings: [
+		bind([
+			"open",
+			"placement",
+			"point",
+			"visible"
+		], ({ root, state }) => {
+			const panel = panels.get(root);
+			if (!panel) return;
+			const visible = state.visible === true && state.open === true;
+			const point = state.point ?? null;
+			patch(panel, {
+				visible,
+				anchor_placement: state.placement,
+				anchor_point: point
+			});
+		}),
+		bind("panelClasses", ({ root, state }) => {
+			const panel = panels.get(root);
+			if (panel) ownerClasses(panel, state.panelClasses);
+		}),
+		bind(["aria", "dismiss_ownerAttribute"], ({ root, state }) => {
+			const panel = panels.get(root);
+			if (panel) ownerAttributes(panel, {
+				...state.aria,
+				...state.dismiss_ownerAttribute
+			});
+		}),
+		bind(["triggerAria", "triggerDataset"], ({ state, slotted }) => {
+			const trigger = triggerOf(slotted("trigger"));
+			if (trigger) ownerAttributes(trigger, {
+				...state.triggerAria,
+				...state.triggerDataset
+			});
+		}),
+		bind("contentRendered", ({ state, showSlot }) => {
+			showSlot(DEFAULT_SLOT, state.contentRendered === true);
+		}),
+		bind([
+			"sections",
+			"submenus",
+			"groupSeparators",
+			"contentRendered"
+		], (ctx) => {
+			if (ctx.state.contentRendered !== true) return;
+			drawItems(ctx, ctx.state.sections, ctx.state.submenus, ctx.state.groupSeparators === true);
+		})
+	]
+};
+//#endregion
+export { menuTemplate };

package/dist/components/menu/popover-item/MenuPopoverItem.element.d.ts

@@ -0,0 +1,10 @@
+/**
+ * `<div is="so-menu-popover-item">` — пункт с панелью: строка в меню и своя
+ * панель сбоку с любым содержимым (свет в слоте по умолчанию; текст строки —
+ * слот `header`). docs/architecture.md, Layer 8d, «Меню».
+ */
+import { MenuPopoverItemDescriptor } from '@soxa-ui/setup';
+import type { IMenuPopoverItem, TMenuItemCollectionFacade } from '@soxa-ui/core';
+import type { TElementClassOf, TElementType } from '../../../adapter';
+export declare const TMenuPopoverItemElement: TElementClassOf<typeof HTMLDivElement, typeof MenuPopoverItemDescriptor, IMenuPopoverItem, TMenuItemCollectionFacade>;
+export type TMenuPopoverItemElementProps = TElementType<typeof TMenuPopoverItemElement>;

package/dist/components/menu/popover-item/MenuPopoverItem.element.js

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

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

@@ -0,0 +1,3 @@
+export { setupMenuPopoverItem, type TMenuPopoverItemOutputs } from './setup.component';
+export { TMenuPopoverItemElement, type TMenuPopoverItemElementProps, } from './MenuPopoverItem.element';
+export { menuPopoverItemTemplate } from './menu-popover-item.template';

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

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

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

@@ -0,0 +1,14 @@
+/**
+ * Шаблон пункта с панелью: строка (`row.ts`) со значком и стрелкой, панель —
+ * деталь Frame (`menu.popover-item-frame`) у конца строки (`end-start`) с
+ * обёрткой содержимого `div.so-menu-item__content`.
+ * docs/architecture.md, Layer 8d, «Меню».
+ *
+ * Модификаторов размера и варианта у панели нет: содержимое красится само.
+ * Открытость — `visible` панели; увезённую панель прячет база Frame —
+ * AGENTS.md (Web Components), «Поддерево».
+ */
+import type { IMenuPopoverItem, TMenuItemCollectionFacade } from '@soxa-ui/core';
+import { type ITemplate } from '../../../adapter';
+import type { TMenuPopoverItemOutputs } from './setup.component';
+export declare const menuPopoverItemTemplate: ITemplate<IMenuPopoverItem, TMenuItemCollectionFacade, TMenuPopoverItemOutputs>;

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

@@ -0,0 +1,83 @@
+import { bind } from "../../../adapter/template/types.js";
+import { ownerAttributes } from "../../../adapter/template/owner.js";
+import { lend } from "../../../adapter/template/lend.js";
+import { createDetail } from "../../../adapter/template/parts.js";
+import "../../../adapter/index.js";
+import { TFrameElement } from "../../frame/Frame.element.js";
+import "../../frame/index.js";
+import { createRow, iconSize, partOf, roleIconOf, rowBindings } from "../row.js";
+import { DEFAULT_SLOT } from "@soxa-ui/setup";
+//#region src/components/menu/popover-item/menu-popover-item.template.ts
+var parts = /* @__PURE__ */ new WeakMap();
+var menuPopoverItemTemplate = {
+	create: (root, ctx) => {
+		const { hasSlot } = ctx;
+		const { ownerDocument } = root;
+		const row = createRow(root, () => ctx.facade?.context?.adapters.menu.open());
+		const icon = partOf(ownerDocument, "so-menu-item__icon");
+		const arrowPart = partOf(ownerDocument, "so-menu-item__arrow", true);
+		const arrow = hasSlot("arrow-icon") ? null : roleIconOf(ownerDocument, "menu.arrow", "arrowRight");
+		const panel = createDetail(ownerDocument, TFrameElement, {
+			embedded: "menu.popover-item-frame",
+			attributes: { tabindex: "-1" }
+		});
+		const content = ownerDocument.createElement("div");
+		if (arrow) arrowPart.appendChild(arrow);
+		panel.className = "so-menu-item__panel";
+		panel.strategy = "fixed";
+		panel.anchor_anchor = root;
+		panel.anchor_placement = "end-start";
+		content.className = "so-menu-item__content";
+		lend(row, "leading", icon);
+		lend(row, "trailing", arrowPart);
+		lend(panel, DEFAULT_SLOT, content);
+		root.appendChild(panel);
+		parts.set(root, {
+			panel,
+			arrow
+		});
+		return {
+			slots: {
+				leading: {
+					mode: "append",
+					node: icon
+				},
+				header: {
+					mode: "append",
+					node: row,
+					slot: DEFAULT_SLOT
+				},
+				"arrow-icon": {
+					mode: "append",
+					node: arrowPart
+				},
+				default: {
+					mode: "append",
+					node: content
+				}
+			},
+			control: row
+		};
+	},
+	bindings: [
+		...rowBindings("header"),
+		bind("size", ({ root, state }) => iconSize(parts.get(root)?.arrow ?? null, state.size)),
+		bind(["open", "visible"], ({ root, state }) => {
+			const panel = parts.get(root)?.panel;
+			const visible = state.visible === true && state.open === true;
+			if (panel && panel.visible !== visible) panel.visible = visible;
+		}),
+		bind(["panelAria", "dismiss_ownerAttribute"], ({ root, state }) => {
+			const panel = parts.get(root)?.panel;
+			if (panel) ownerAttributes(panel, {
+				...state.panelAria,
+				...state.dismiss_ownerAttribute
+			});
+		}),
+		bind("contentRendered", ({ state, showSlot }) => {
+			showSlot(DEFAULT_SLOT, state.contentRendered === true);
+		})
+	]
+};
+//#endregion
+export { menuPopoverItemTemplate };

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

@@ -0,0 +1,6 @@
+import { MenuPopoverItemDescriptor, type DescriptorPluginOutputs } from '@soxa-ui/setup';
+import type { IMenuPopoverItem, TMenuItemCollectionFacade } from '@soxa-ui/core';
+import type { TBinding, TUpdateListener } from '../../../adapter';
+/** Выходы плагинов пункта с панелью — шаблон читает из них пометку панели владельцем. */
+export type TMenuPopoverItemOutputs = DescriptorPluginOutputs<typeof MenuPopoverItemDescriptor>;
+export declare function setupMenuPopoverItem(host: HTMLElement, ctrl: IMenuPopoverItem | undefined, props: Record<string, unknown>, onUpdate: TUpdateListener): TBinding<IMenuPopoverItem, TMenuItemCollectionFacade, TMenuPopoverItemOutputs>;

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

package/dist/components/menu/radio-group/MenuRadioGroup.element.d.ts

@@ -0,0 +1,9 @@
+/**
+ * `<div is="so-menu-radio-group">` — группа меню со своим значением: `value`
+ * отмеченного переключателя. Переключатель берёт группу при сборке.
+ */
+import { MenuRadioGroupDescriptor } from '@soxa-ui/setup';
+import type { IMenuRadioGroup } from '@soxa-ui/core';
+import type { TElementClassOf, TElementType } from '../../../adapter';
+export declare const TMenuRadioGroupElement: TElementClassOf<typeof HTMLDivElement, typeof MenuRadioGroupDescriptor, IMenuRadioGroup>;
+export type TMenuRadioGroupElementProps = TElementType<typeof TMenuRadioGroupElement>;

package/dist/components/menu/radio-group/MenuRadioGroup.element.js

@@ -0,0 +1,17 @@
+import { ElementBase } from "../../../adapter/runtime/element.base.js";
+import "../../../adapter/index.js";
+import { setupMenuRadioGroup } from "./setup.component.js";
+import { menuRadioGroupTemplate } from "./menu-radio-group.template.js";
+import { MenuRadioGroupDescriptor } from "@soxa-ui/setup";
+//#region src/components/menu/radio-group/MenuRadioGroup.element.ts
+/**
+* `<div is="so-menu-radio-group">` — группа меню со своим значением: `value`
+* отмеченного переключателя. Переключатель берёт группу при сборке.
+*/
+var TMenuRadioGroupElement = ElementBase(HTMLDivElement, {
+	descriptor: MenuRadioGroupDescriptor,
+	template: menuRadioGroupTemplate,
+	setup: setupMenuRadioGroup
+});
+//#endregion
+export { TMenuRadioGroupElement };

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

@@ -0,0 +1,3 @@
+export { setupMenuRadioGroup } from './setup.component';
+export { TMenuRadioGroupElement, type TMenuRadioGroupElementProps } from './MenuRadioGroup.element';
+export { menuRadioGroupTemplate } from './menu-radio-group.template';

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

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

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

@@ -0,0 +1,7 @@
+/**
+ * Шаблон группы переключателей — разметка группы меню (`menu-group.template.ts`).
+ * Роли `radiogroup` нет: в меню группа переключателей — `group` (APG).
+ */
+import type { IMenuRadioGroup } from '@soxa-ui/core';
+import { type ITemplate } from '../../../adapter';
+export declare const menuRadioGroupTemplate: ITemplate<IMenuRadioGroup>;

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

@@ -0,0 +1,10 @@
+import { bind } from "../../../adapter/template/types.js";
+import "../../../adapter/index.js";
+import { createGroup, labelAttributes, showLabel } from "../group/menu-group.template.js";
+//#region src/components/menu/radio-group/menu-radio-group.template.ts
+var menuRadioGroupTemplate = {
+	create: createGroup,
+	bindings: [bind("label", ({ root, state }) => showLabel(root, state.label)), bind("labelAria", ({ root, state }) => labelAttributes(root, state.labelAria))]
+};
+//#endregion
+export { menuRadioGroupTemplate };

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

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

package/dist/components/menu/radio-group/setup.component.js

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

package/dist/components/menu/radio-item/MenuRadioItem.element.d.ts

@@ -0,0 +1,10 @@
+/**
+ * `<div is="so-menu-radio-item">` — переключатель меню: отмечается один в своей
+ * группе и меню не закрывает. Группа — ближайшая `<div is="so-menu-radio-group">`
+ * выше. Корень и строка — как у пункта (`MenuItem.element.ts`).
+ */
+import { MenuRadioItemDescriptor } from '@soxa-ui/setup';
+import type { IMenuRadioItem, TMenuItemCollectionFacade } from '@soxa-ui/core';
+import type { TElementClassOf, TElementType } from '../../../adapter';
+export declare const TMenuRadioItemElement: TElementClassOf<typeof HTMLDivElement, typeof MenuRadioItemDescriptor, IMenuRadioItem, TMenuItemCollectionFacade>;
+export type TMenuRadioItemElementProps = TElementType<typeof TMenuRadioItemElement>;

package/dist/components/menu/radio-item/MenuRadioItem.element.js

@@ -0,0 +1,24 @@
+import { ElementBase } from "../../../adapter/runtime/element.base.js";
+import "../../../adapter/index.js";
+import { setupMenuRadioItem } from "./setup.component.js";
+import { menuRadioItemTemplate } from "./menu-radio-item.template.js";
+import { MenuCollectionRadioItemDescriptor, MenuRadioItemDescriptor } from "@soxa-ui/setup";
+//#region src/components/menu/radio-item/MenuRadioItem.element.ts
+/**
+* `<div is="so-menu-radio-item">` — переключатель меню: отмечается один в своей
+* группе и меню не закрывает. Группа — ближайшая `<div is="so-menu-radio-group">`
+* выше. Корень и строка — как у пункта (`MenuItem.element.ts`).
+*/
+var TMenuRadioItemElement = ElementBase(HTMLDivElement, {
+	descriptor: MenuRadioItemDescriptor,
+	facade: MenuCollectionRadioItemDescriptor,
+	template: menuRadioItemTemplate,
+	root: {
+		strategy: "host",
+		sets: ["attrs", "dataset"],
+		control: true
+	},
+	setup: setupMenuRadioItem
+});
+//#endregion
+export { TMenuRadioItemElement };

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

@@ -0,0 +1,3 @@
+export { setupMenuRadioItem } from './setup.component';
+export { TMenuRadioItemElement, type TMenuRadioItemElementProps } from './MenuRadioItem.element';
+export { menuRadioItemTemplate } from './menu-radio-item.template';

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

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

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

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

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

@@ -0,0 +1,54 @@
+import { bind } from "../../../adapter/template/types.js";
+import { lend } from "../../../adapter/template/lend.js";
+import "../../../adapter/index.js";
+import { createRow, partOf, placeMark, rowBindings } from "../row.js";
+import { DEFAULT_SLOT } from "@soxa-ui/setup";
+//#region src/components/menu/radio-item/menu-radio-item.template.ts
+var marks = /* @__PURE__ */ new WeakMap();
+var menuRadioItemTemplate = {
+	create: (root, ctx) => {
+		const { hasSlot } = ctx;
+		const { ownerDocument } = root;
+		const row = createRow(root, () => ctx.facade?.context?.adapters.menu.check());
+		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,
+			dot: hasSlot("indicator-icon") ? null : partOf(ownerDocument, "so-menu-item__dot")
+		});
+		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("selected", ({ root, state, showSlot }) => {
+		const own = marks.get(root);
+		const selected = state.selected === true;
+		showSlot("indicator-icon", selected);
+		if (own) placeMark(own.indicator, own.dot, selected);
+	})]
+};
+//#endregion
+export { menuRadioItemTemplate };

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

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

package/dist/components/menu/radio-item/setup.component.js

@@ -0,0 +1,23 @@
+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 { MenuCollectionRadioItemDescriptor, MenuRadioItemDescriptor, TCollectionItemExtension, TMenuRadioItemExtension } from "@soxa-ui/setup";
+//#region src/components/menu/radio-item/setup.component.ts
+function setupMenuRadioItem(host, ctrl, props, onUpdate) {
+	const elevator = createWebcElevator(host);
+	const adapter = createWebcAdapterContext(host, MenuRadioItemDescriptor(), {
+		ctrl,
+		props
+	}).use(TMenuRadioItemExtension, { elevator });
+	const itemAdapter = createWebcAdapterContext(host, MenuCollectionRadioItemDescriptor(), { props }, { bundle: adapter.bundle }).use(TCollectionItemExtension, {
+		adapter,
+		elevator
+	});
+	const item = useCollectionAdapter(itemAdapter, host, onUpdate);
+	const owner = useAdapter(adapter, host, onUpdate);
+	return joinBindings(owner, item);
+}
+//#endregion
+export { setupMenuRadioItem };