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

package/dist/components/number-input/setup.component.d.ts

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

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

package/dist/components/pagination/Pagination.element.d.ts

@@ -0,0 +1,10 @@
+/**
+ * `<nav is="so-pagination">` — постраничная навигация. Имя ей даёт приложение
+ * (`aria_label`), а не локаль: что листают, знает только оно. Страницы рисует
+ * шаблон, слота по умолчанию нет. docs/architecture.md, Layer 8d, «Коллекция».
+ */
+import { PaginationDescriptor } from '@soxa-ui/setup';
+import type { IPagination, TPaginationCollectionFacade } from '@soxa-ui/core';
+import type { TElementClassOf, TElementType } from '../../adapter';
+export declare const TPaginationElement: TElementClassOf<typeof HTMLElement, typeof PaginationDescriptor, IPagination, TPaginationCollectionFacade>;
+export type TPaginationElementProps = TElementType<typeof TPaginationElement>;

package/dist/components/pagination/Pagination.element.js

@@ -0,0 +1,24 @@
+import { defineElement } from "../../adapter/runtime/defineElement.js";
+import { ElementBase } from "../../adapter/runtime/element.base.js";
+import "../../adapter/index.js";
+import { TPaginationItemElement } from "./item/PaginationItem.element.js";
+import "./item/index.js";
+import { paginationTemplate } from "./pagination.template.js";
+import { setupPagination } from "./setup.component.js";
+import { PaginationCollectionDescriptor, PaginationDescriptor } from "@soxa-ui/setup";
+//#region src/components/pagination/Pagination.element.ts
+/**
+* `<nav is="so-pagination">` — постраничная навигация. Имя ей даёт приложение
+* (`aria_label`), а не локаль: что листают, знает только оно. Страницы рисует
+* шаблон, слота по умолчанию нет. docs/architecture.md, Layer 8d, «Коллекция».
+*/
+var TPaginationElement = ElementBase(HTMLElement, {
+	descriptor: PaginationDescriptor,
+	facade: PaginationCollectionDescriptor,
+	template: paginationTemplate,
+	setup: setupPagination
+});
+defineElement("so-pagination", TPaginationElement, "nav");
+defineElement("so-pagination-item", TPaginationItemElement, "li");
+//#endregion
+export { TPaginationElement };

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

@@ -0,0 +1,3 @@
+/** Application API for this element entry. */
+export { TPaginationElement } from './Pagination.element';
+export type { TPaginationElementProps } from './Pagination.element';

package/dist/components/pagination/index.js

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

package/dist/components/pagination/item/PaginationItem.element.d.ts

@@ -0,0 +1,11 @@
+/**
+ * `<li is="so-pagination-item">` — страница, внутренняя часть пагинации: события
+ * не всплывают, нажатую пагинация сообщает `so:change:value`. Поля в корне нет:
+ * `aria` страницы (`aria-current`) шаблон кладёт на строку.
+ */
+import { PaginationItemDescriptor } from '@soxa-ui/setup';
+import type { IPaginationItem, TPaginationItemCollectionFacade } from '@soxa-ui/core';
+import type { TElementClassOf, TElementType } from '../../../adapter';
+export declare const TPaginationItemElement: TElementClassOf<typeof HTMLLIElement, typeof PaginationItemDescriptor, IPaginationItem, TPaginationItemCollectionFacade>;
+/** Входов у страницы нет: всё ей пишет пагинация. */
+export type TPaginationItemElementProps = TElementType<typeof TPaginationItemElement>;

package/dist/components/pagination/item/PaginationItem.element.js

@@ -0,0 +1,23 @@
+import { ElementBase } from "../../../adapter/runtime/element.base.js";
+import "../../../adapter/index.js";
+import { setupPaginationItem } from "./setup.component.js";
+import { paginationItemTemplate } from "./pagination-item.template.js";
+import { PaginationCollectionItemDescriptor, PaginationItemDescriptor } from "@soxa-ui/setup";
+//#region src/components/pagination/item/PaginationItem.element.ts
+/**
+* `<li is="so-pagination-item">` — страница, внутренняя часть пагинации: события
+* не всплывают, нажатую пагинация сообщает `so:change:value`. Поля в корне нет:
+* `aria` страницы (`aria-current`) шаблон кладёт на строку.
+*/
+var TPaginationItemElement = ElementBase(HTMLLIElement, {
+	descriptor: PaginationItemDescriptor,
+	facade: PaginationCollectionItemDescriptor,
+	template: paginationItemTemplate,
+	root: {
+		strategy: "host",
+		sets: ["attrs", "dataset"]
+	},
+	setup: setupPaginationItem
+});
+//#endregion
+export { TPaginationItemElement };

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

@@ -0,0 +1,3 @@
+export { setupPaginationItem } from './setup.component';
+export { TPaginationItemElement, type TPaginationItemElementProps } from './PaginationItem.element';
+export { paginationItemTemplate } from './pagination-item.template';

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

@@ -0,0 +1,3 @@
+import "./setup.component.js";
+import "./pagination-item.template.js";
+export { TPaginationItemElement } from "./PaginationItem.element.js";

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

@@ -0,0 +1,8 @@
+/**
+ * Шаблон страницы: строка — деталь Button с номером или текстом страницы.
+ * Текущая — не выключенная кнопка: каждая страница — своя остановка Tab.
+ * Нажатие делает страницу текущей активацией коллекции через контекст фасада.
+ */
+import type { IPaginationItem, TPaginationItemCollectionFacade } from '@soxa-ui/core';
+import { type ITemplate } from '../../../adapter';
+export declare const paginationItemTemplate: ITemplate<IPaginationItem, TPaginationItemCollectionFacade>;

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

@@ -0,0 +1,55 @@
+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 { DEFAULT_SLOT } from "@soxa-ui/setup";
+//#region src/components/pagination/item/pagination-item.template.ts
+var rows = /* @__PURE__ */ new WeakMap();
+var paginationItemTemplate = {
+	create: (root, ctx) => {
+		const row = createDetail(root.ownerDocument, TButtonElement, {
+			embedded: "pagination.page",
+			attributes: { type: "button" }
+		});
+		row.addEventListener("click", () => {
+			const context = ctx.facade?.context;
+			if (context) context.adapters.activation.active = true;
+		});
+		root.appendChild(row);
+		rows.set(root, row);
+		return { slots: { default: {
+			mode: "append",
+			node: row,
+			slot: DEFAULT_SLOT
+		} } };
+	},
+	bindings: [
+		bind([
+			"disabled",
+			"size",
+			"variant"
+		], ({ root, state }) => {
+			const row = rows.get(root);
+			if (!row) return;
+			const disabled = state.disabled === true;
+			patch(row, {
+				disabled,
+				size: state.size,
+				variant: state.variant
+			});
+		}),
+		bind("aria", ({ root, state }) => {
+			const row = rows.get(root);
+			if (row) ownerAttributes(row, state.aria);
+		}),
+		bind("text", ({ root, state, hasSlot }) => {
+			const row = rows.get(root);
+			const text = state.text ?? "";
+			if (row && !hasSlot(DEFAULT_SLOT) && row.text !== text) row.text = text;
+		})
+	]
+};
+//#endregion
+export { paginationItemTemplate };

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

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

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

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

@@ -0,0 +1,11 @@
+/**
+ * Шаблон Pagination: стрелка «назад», список окна `ol.so-pagination__list`,
+ * стрелка «вперёд»; по классам стрелок их находит плагин фокуса. Окно — петлёй
+ * по ключу места: страница, оставшаяся при сдвиге окна, — тот же узел, и фокус
+ * с неё не слетает. docs/architecture.md, Layer 8d, «Коллекция».
+ */
+import type { IPagination, TPaginationCollectionFacade } from '@soxa-ui/core';
+import { type ITemplate, type TItemSlots } from '../../adapter';
+/** Слот пагинации → слот страницы; сторож — `setup/__tests__/item-slots.spec.ts`. */
+export declare const PAGINATION_ITEM_SLOTS: TItemSlots;
+export declare const paginationTemplate: ITemplate<IPagination, TPaginationCollectionFacade>;

package/dist/components/pagination/pagination.template.js

@@ -0,0 +1,109 @@
+import { bind } from "../../adapter/template/types.js";
+import { ownerAttributes } from "../../adapter/template/owner.js";
+import { createItem, lendSamples, patch } from "../../adapter/template/parts.js";
+import { TKeyedLoop } from "../../adapter/template/loop.js";
+import "../../adapter/index.js";
+import { iconButton, syncIconButton } from "../common/icon-button.js";
+import { TPaginationItemElement } from "./item/PaginationItem.element.js";
+import "./item/index.js";
+import { DEFAULT_SLOT } from "@soxa-ui/setup";
+//#region src/components/pagination/pagination.template.ts
+/** Слот пагинации → слот страницы; сторож — `setup/__tests__/item-slots.spec.ts`. */
+var PAGINATION_ITEM_SLOTS = { item: "default" };
+var PREV = {
+	embedded: "pagination.prev",
+	iconEmbedded: "pagination.prev-icon",
+	className: "so-pagination__prev",
+	role: "arrowRight",
+	slot: "prev-icon",
+	go: (ctrl) => ctrl.prev()
+};
+var NEXT = {
+	embedded: "pagination.next",
+	iconEmbedded: "pagination.next-icon",
+	className: "so-pagination__next",
+	role: "arrowRight",
+	slot: "next-icon",
+	go: (ctrl) => ctrl.next()
+};
+var parts = /* @__PURE__ */ new WeakMap();
+/** Роли «влево» нет: стрелку «назад» зеркалит тема. */
+function arrowOf(ctx, spec, slotted) {
+	const arrow = iconButton(ctx.root.ownerDocument, spec, slotted);
+	arrow.button.addEventListener("click", () => {
+		if (ctx.ctrl) spec.go(ctx.ctrl);
+	});
+	return arrow;
+}
+function syncArrow(arrow, size, variant, disabled) {
+	syncIconButton(arrow, size, disabled);
+	patch(arrow.button, { variant });
+}
+/** Странице `ctrl` и копия образца — до вставки. */
+function cellOf(ctx, cell) {
+	const { ownerDocument } = ctx.root;
+	if (cell.kind === "ellipsis") {
+		const ellipsis = ownerDocument.createElement("li");
+		ellipsis.className = "so-pagination__ellipsis";
+		ellipsis.textContent = "…";
+		return ellipsis;
+	}
+	const page = createItem(ownerDocument, TPaginationItemElement);
+	page.ctrl = cell.item;
+	lendSamples(ctx, page, PAGINATION_ITEM_SLOTS);
+	return page;
+}
+var paginationTemplate = {
+	create: (root, ctx) => {
+		const { hasSlot } = ctx;
+		const list = root.ownerDocument.createElement("ol");
+		const prev = arrowOf(ctx, PREV, hasSlot(PREV.slot));
+		const next = arrowOf(ctx, NEXT, hasSlot(NEXT.slot));
+		list.className = "so-pagination__list";
+		root.append(prev.button, list, next.button);
+		parts.set(root, {
+			prev,
+			next,
+			loop: new TKeyedLoop(list, null, (cell) => cell.key)
+		});
+		return { slots: {
+			item: { mode: "sample" },
+			"prev-icon": {
+				mode: "append",
+				node: prev.button,
+				slot: DEFAULT_SLOT
+			},
+			"next-icon": {
+				mode: "append",
+				node: next.button,
+				slot: DEFAULT_SLOT
+			}
+		} };
+	},
+	bindings: [
+		bind([
+			"size",
+			"variant",
+			"prevDisabled",
+			"nextDisabled"
+		], ({ root, state }) => {
+			const own = parts.get(root);
+			if (!own) return;
+			syncArrow(own.prev, state.size, state.variant, state.prevDisabled === true);
+			syncArrow(own.next, state.size, state.variant, state.nextDisabled === true);
+		}),
+		bind("prevAria", ({ root, state }) => {
+			const button = parts.get(root)?.prev.button;
+			if (button) ownerAttributes(button, state.prevAria);
+		}),
+		bind("nextAria", ({ root, state }) => {
+			const button = parts.get(root)?.next.button;
+			if (button) ownerAttributes(button, state.nextAria);
+		}),
+		bind("cells", (ctx) => {
+			parts.get(ctx.root)?.loop.draw(ctx.state.cells ?? [], (cell) => cellOf(ctx, cell));
+		})
+	]
+};
+//#endregion
+export { PAGINATION_ITEM_SLOTS, paginationTemplate };

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

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

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

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

package/dist/components/popover/Popover.element.d.ts

@@ -0,0 +1,16 @@
+/**
+ * `<span is="so-popover">` — немодальная панель у триггера. Строчный корень —
+ * обёртка триггера и якорь панели; на других тегах — тот же Popover под своим
+ * именем (`registerPopoverTag`). docs/architecture.md, Layer 8d, «Панель у
+ * триггера».
+ */
+import { PopoverDescriptor } from '@soxa-ui/setup';
+import type { IPopover } from '@soxa-ui/core';
+import type { TElementClassOf, TElementOf } from '../../adapter';
+export declare const TPopoverElement: TElementClassOf<typeof HTMLSpanElement, typeof PopoverDescriptor, IPopover>;
+/** `div` — заголовок месяца Calendar: панель выбора лежит в корне, а в `span` блочной разметке не место. */
+export type TPopoverTag = 'div';
+export type TPopoverTagClass<K extends TPopoverTag> = TElementClassOf<new () => HTMLElementTagNameMap[K], typeof PopoverDescriptor, IPopover>;
+/** `<div is="so-popover-div">` — регистрирует разметка, где тег нужен. */
+export declare function registerPopoverTag<K extends TPopoverTag>(tag: K): TPopoverTagClass<K>;
+export type TPopoverElementProps<TNative extends HTMLElement = HTMLSpanElement> = TElementOf<TNative, typeof PopoverDescriptor, IPopover>;

package/dist/components/popover/Popover.element.js

@@ -0,0 +1,46 @@
+import { defineElement } from "../../adapter/runtime/defineElement.js";
+import { ElementBase } from "../../adapter/runtime/element.base.js";
+import "../../adapter/index.js";
+import { popoverTemplate } from "./popover.template.js";
+import { setupPopover } from "./setup.component.js";
+import { PopoverDescriptor } from "@soxa-ui/setup";
+//#region src/components/popover/Popover.element.ts
+/**
+* `<span is="so-popover">` — немодальная панель у триггера. Строчный корень —
+* обёртка триггера и якорь панели; на других тегах — тот же Popover под своим
+* именем (`registerPopoverTag`). docs/architecture.md, Layer 8d, «Панель у
+* триггера».
+*/
+/** Одно описание на все теги Popover. */
+var POPOVER = {
+	descriptor: PopoverDescriptor,
+	template: popoverTemplate,
+	root: {
+		strategy: "host",
+		sets: ["attrs", "dataset"]
+	},
+	setup: setupPopover
+};
+var TPopoverElement = ElementBase(HTMLSpanElement, POPOVER);
+defineElement("so-popover", TPopoverElement, "span");
+function variant(Native) {
+	return ElementBase(Native, POPOVER);
+}
+/** Класс тега создаётся и регистрируется при первом обращении; чужой нативный класс не компилируется. */
+function registration(tag, Native) {
+	let element;
+	return () => {
+		if (!element) {
+			element = variant(Native);
+			defineElement(`so-popover-${tag}`, element, tag);
+		}
+		return element;
+	};
+}
+var REGISTRATIONS = { div: registration("div", HTMLDivElement) };
+/** `<div is="so-popover-div">` — регистрирует разметка, где тег нужен. */
+function registerPopoverTag(tag) {
+	return REGISTRATIONS[tag]();
+}
+//#endregion
+export { TPopoverElement, registerPopoverTag };

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

@@ -0,0 +1,6 @@
+/** Application API for this element entry. */
+export { TPopoverElement } from './Popover.element';
+export { registerPopoverTag } from './Popover.element';
+export type { TPopoverElementProps } from './Popover.element';
+export type { TPopoverTag } from './Popover.element';
+export type { TPopoverTagClass } from './Popover.element';

package/dist/components/popover/index.js

@@ -0,0 +1 @@
+export { TPopoverElement, registerPopoverTag } from "./Popover.element.js";

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

@@ -0,0 +1,9 @@
+/**
+ * Шаблон Popover: триггер в слоте `trigger`, панель — деталь Frame с полосой
+ * жеста, содержимым и крестиком; открытие и закрытие — плагины поповера.
+ * docs/architecture.md, Layer 8d, «Панель у триггера».
+ */
+import type { IPopover } from '@soxa-ui/core';
+import { type ITemplate } from '../../adapter';
+import type { TPopoverOutputs } from './setup.component';
+export declare const popoverTemplate: ITemplate<IPopover, unknown, TPopoverOutputs>;

package/dist/components/popover/popover.template.js

@@ -0,0 +1,126 @@
+import { bind } from "../../adapter/template/types.js";
+import { ownerAttributes } from "../../adapter/template/owner.js";
+import { lend } from "../../adapter/template/lend.js";
+import { createDetail, patch } from "../../adapter/template/parts.js";
+import "../../adapter/index.js";
+import { TButtonElement } from "../button/Button.element.js";
+import "../button/index.js";
+import { lendRoleIcon } from "../common/icon-button.js";
+import { TFrameElement } from "../frame/Frame.element.js";
+import "../frame/index.js";
+import { DEFAULT_SLOT } from "@soxa-ui/setup";
+//#region src/components/popover/popover.template.ts
+var parts = /* @__PURE__ */ new WeakMap();
+/** Триггер — первый элемент слота: текст вокруг него набора не несёт. */
+function triggerOf(nodes) {
+	return nodes.find((node) => node instanceof Element);
+}
+var popoverTemplate = {
+	create: (root, ctx) => {
+		const { hasSlot } = ctx;
+		const { ownerDocument } = root;
+		const panel = createDetail(ownerDocument, TFrameElement, {
+			embedded: "popover.frame",
+			attributes: { tabindex: "-1" }
+		});
+		const handle = ownerDocument.createElement("div");
+		const content = ownerDocument.createElement("div");
+		const close = createDetail(ownerDocument, TButtonElement, {
+			embedded: "popover.close",
+			attributes: { type: "button" }
+		});
+		panel.className = "so-popover__panel";
+		panel.strategy = "fixed";
+		panel.anchor_anchor = root;
+		panel.anchor_offset = 8;
+		handle.className = "so-popover__handle";
+		handle.setAttribute("aria-hidden", "true");
+		content.className = "so-popover__content";
+		close.className = "so-popover__close";
+		if (!hasSlot("close-icon")) lendRoleIcon(close, "close", "popover.close-icon");
+		close.addEventListener("click", () => {
+			const popover = ctx.ctrl;
+			if (popover) popover.open = false;
+		});
+		lend(panel, DEFAULT_SLOT, content);
+		lend(panel, DEFAULT_SLOT, close);
+		root.appendChild(panel);
+		parts.set(root, {
+			panel,
+			handle,
+			close
+		});
+		return { slots: {
+			trigger: {
+				mode: "before",
+				node: panel
+			},
+			default: {
+				mode: "append",
+				node: content
+			},
+			"close-icon": {
+				mode: "append",
+				node: close,
+				slot: DEFAULT_SLOT
+			}
+		} };
+	},
+	bindings: [
+		bind([
+			"open",
+			"contained",
+			"placement",
+			"visible"
+		], ({ root, state }) => {
+			const panel = parts.get(root)?.panel;
+			if (!panel) return;
+			const visible = state.visible === true && state.open === true;
+			const contained = state.contained === true;
+			patch(panel, {
+				visible,
+				contained,
+				anchor_placement: state.placement
+			});
+		}),
+		bind([
+			"aria",
+			"panelDataset",
+			"dismiss_ownerAttribute"
+		], ({ root, state }) => {
+			const panel = parts.get(root)?.panel;
+			if (panel) ownerAttributes(panel, {
+				...state.aria,
+				...state.panelDataset,
+				...state.dismiss_ownerAttribute
+			});
+		}),
+		bind(["triggerAria", "triggerDataset"], ({ state, slotted }) => {
+			const trigger = triggerOf(slotted("trigger"));
+			if (trigger) ownerAttributes(trigger, {
+				...state.triggerAria,
+				...state.triggerDataset
+			});
+		}),
+		bind("handleRendered", ({ root, state }) => {
+			const own = parts.get(root);
+			if (!own) return;
+			const { panel, handle } = own;
+			if (state.handleRendered !== true) handle.remove();
+			else if (handle.parentNode !== panel) lend(panel, DEFAULT_SLOT, handle, "start");
+		}),
+		bind(["closable", "closeAria"], ({ root, state }) => {
+			const own = parts.get(root);
+			if (!own) return;
+			const { panel, close } = own;
+			ownerAttributes(close, state.closeAria);
+			if (state.closable !== true) close.remove();
+			else if (close.parentNode !== panel) lend(panel, DEFAULT_SLOT, close);
+		}),
+		bind("contentRendered", ({ state, showSlot }) => {
+			showSlot(DEFAULT_SLOT, state.contentRendered === true);
+		})
+	]
+};
+//#endregion
+export { popoverTemplate };

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

@@ -0,0 +1,5 @@
+import { PopoverDescriptor, type DescriptorPluginOutputs } from '@soxa-ui/setup';
+import type { IPopover } from '@soxa-ui/core';
+import type { TBinding, TUpdateListener } from '../../adapter';
+export type TPopoverOutputs = DescriptorPluginOutputs<typeof PopoverDescriptor>;
+export declare function setupPopover(host: HTMLElement, ctrl: IPopover | undefined, props: Record<string, unknown>, onUpdate: TUpdateListener): TBinding<IPopover, unknown, TPopoverOutputs>;

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

@@ -0,0 +1,14 @@
+import { createWebcAdapterContext } from "../../adapter/common/createWebcAdapterContext.js";
+import { useAdapter } from "../../adapter/runtime/useAdapter.js";
+import "../../adapter/index.js";
+import { PopoverDescriptor } from "@soxa-ui/setup";
+//#region src/components/popover/setup.component.ts
+function setupPopover(host, ctrl, props, onUpdate) {
+	const adapter = createWebcAdapterContext(host, PopoverDescriptor(), {
+		ctrl,
+		props
+	});
+	return useAdapter(adapter, host, onUpdate);
+}
+//#endregion
+export { setupPopover };

package/dist/components/progress-linear/ProgressLinear.element.d.ts

@@ -0,0 +1,10 @@
+/**
+ * `<span is="so-progress-linear">` — индикатор линией. `span`: полосу кладут в
+ * Button и Label, а там HTML разрешает только строчное. Долю готового
+ * (`percentStyle`) база кладёт на корень стиль-выходом.
+ */
+import { ProgressLinearDescriptor } from '@soxa-ui/setup';
+import type { IProgressLinear } from '@soxa-ui/core';
+import type { TElementClassOf, TElementType } from '../../adapter';
+export declare const TProgressLinearElement: TElementClassOf<typeof HTMLSpanElement, typeof ProgressLinearDescriptor, IProgressLinear>;
+export type TProgressLinearElementProps = TElementType<typeof TProgressLinearElement>;

package/dist/components/progress-linear/ProgressLinear.element.js

@@ -0,0 +1,24 @@
+import { defineElement } from "../../adapter/runtime/defineElement.js";
+import { ElementBase } from "../../adapter/runtime/element.base.js";
+import "../../adapter/index.js";
+import { progressLinearTemplate } from "./progress-linear.template.js";
+import { setupProgressLinear } from "./setup.component.js";
+import { ProgressLinearDescriptor } from "@soxa-ui/setup";
+//#region src/components/progress-linear/ProgressLinear.element.ts
+/**
+* `<span is="so-progress-linear">` — индикатор линией. `span`: полосу кладут в
+* Button и Label, а там HTML разрешает только строчное. Долю готового
+* (`percentStyle`) база кладёт на корень стиль-выходом.
+*/
+var TProgressLinearElement = ElementBase(HTMLSpanElement, {
+	descriptor: ProgressLinearDescriptor,
+	template: progressLinearTemplate,
+	root: {
+		strategy: "host",
+		style: "percentStyle"
+	},
+	setup: setupProgressLinear
+});
+defineElement("so-progress-linear", TProgressLinearElement, "span");
+//#endregion
+export { TProgressLinearElement };

package/dist/components/progress-linear/index.d.ts

@@ -0,0 +1,3 @@
+/** Application API for this element entry. */
+export { TProgressLinearElement } from './ProgressLinear.element';
+export type { TProgressLinearElementProps } from './ProgressLinear.element';

package/dist/components/progress-linear/index.js

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