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

package/dist/components/pagination/Pagination.js

@@ -0,0 +1,85 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+import Pagination_vue_vue_type_script_lang_default from "./Pagination.vue_vue_type_script_lang.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, mergeProps, openBlock, renderList, renderSlot, resolveComponent, resolveDynamicComponent, vShow, withCtx, withDirectives } from "vue";
+//#region src/components/pagination/Pagination.vue
+var _hoisted_1 = { class: "so-pagination__list" };
+var _hoisted_2 = {
+	key: 2,
+	class: "so-pagination__ellipsis"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_Icon = resolveComponent("Icon");
+	const _component_Button = resolveComponent("Button");
+	const _component_PaginationItem = resolveComponent("PaginationItem");
+	return _ctx.rendered ? withDirectives((openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), mergeProps({
+		key: 0,
+		ref: "rootElement",
+		class: _ctx.classes
+	}, {
+		..._ctx.attrs,
+		..._ctx.aria,
+		..._ctx.dataset
+	}), {
+		default: withCtx(() => [
+			createVNode(_component_Button, mergeProps({
+				embedded: "pagination.prev",
+				type: "button",
+				class: "so-pagination__prev",
+				size: _ctx.size,
+				variant: _ctx.variant,
+				disabled: _ctx.prevDisabled,
+				onClick: _cache[0] || (_cache[0] = ($event) => _ctx.ctrl.prev())
+			}, _ctx.prevAria), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "prev-icon", {}, () => [createVNode(_component_Icon, {
+					embedded: "pagination.prev-icon",
+					tag: _ctx.arrowIconTag,
+					size: _ctx.size
+				}, null, 8, ["tag", "size"])])]),
+				_: 3
+			}, 16, [
+				"size",
+				"variant",
+				"disabled"
+			]),
+			createElementVNode("ol", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.cells, (cell) => {
+				return openBlock(), createElementBlock(Fragment, { key: cell.key }, [cell.kind === "item" && _ctx.$slots.item ? (openBlock(), createBlock(_component_PaginationItem, {
+					key: 0,
+					ctrl: cell.item
+				}, {
+					default: withCtx(({ text }) => [renderSlot(_ctx.$slots, "item", {
+						item: cell.item,
+						text
+					})]),
+					_: 2
+				}, 1032, ["ctrl"])) : cell.kind === "item" ? (openBlock(), createBlock(_component_PaginationItem, {
+					key: 1,
+					ctrl: cell.item
+				}, null, 8, ["ctrl"])) : (openBlock(), createElementBlock("li", _hoisted_2, "…"))], 64);
+			}), 128))]),
+			createVNode(_component_Button, mergeProps({
+				embedded: "pagination.next",
+				type: "button",
+				class: "so-pagination__next",
+				size: _ctx.size,
+				variant: _ctx.variant,
+				disabled: _ctx.nextDisabled,
+				onClick: _cache[1] || (_cache[1] = ($event) => _ctx.ctrl.next())
+			}, _ctx.nextAria), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "next-icon", {}, () => [createVNode(_component_Icon, {
+					embedded: "pagination.next-icon",
+					tag: _ctx.arrowIconTag,
+					size: _ctx.size
+				}, null, 8, ["tag", "size"])])]),
+				_: 3
+			}, 16, [
+				"size",
+				"variant",
+				"disabled"
+			])
+		]),
+		_: 3
+	}, 16, ["class"])), [[vShow, _ctx.visible]]) : createCommentVNode("", true);
+}
+var Pagination_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Pagination_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+export { Pagination_default as default };

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

@@ -0,0 +1,277 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    size?: import("@soxa-ui/core").TComponentSize | undefined;
+    name?: string | undefined;
+    rendered?: boolean | undefined;
+    visible?: boolean | undefined;
+    tag?: string | object | undefined;
+    direction?: import("@soxa-ui/core").TDirection | undefined;
+    variant?: import("@soxa-ui/core").TComponentVariant | undefined;
+    disabled?: boolean | undefined;
+    focused?: boolean | undefined;
+    value?: import("@soxa-ui/core").TPaginationValue | undefined;
+    engine?: import("@soxa-ui/core").TPaginationCollectionFacadeEngine | undefined;
+    total?: number | undefined;
+    pageSize?: number | undefined;
+    pages?: import("@soxa-ui/core").TPaginationPage[] | undefined;
+    middleCount?: number | undefined;
+    aria_label?: string | undefined;
+    aria_labelledBy?: string | undefined;
+    aria_describedBy?: string | undefined;
+    ctrl?: import("@soxa-ui/core").IPagination | undefined;
+    embedded?: string | undefined;
+    pluginProps?: import("@soxa-ui/setup").TExternalPluginProps | undefined;
+}, Omit<import("../../adapter/runtime/useAdapter").TBindingFields<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IPagination, {
+    props: object & {} & {} & {} & {
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+    } & {} & {} & {} & {} & {} & {};
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => void;
+    } & {} & {
+        "aria:change:label": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        "aria:change:labelledBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        "aria:change:describedBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+    } & {
+        "action:blur": (event: FocusEvent) => void;
+        "action:click": (event: MouseEvent) => void;
+        "action:focus": (event: FocusEvent) => void;
+        "action:press": (event: MouseEvent) => void;
+    } & {} & {} & {} & {} & {};
+    outputs: object & {} & {} & {} & {} & {} & {} & {} & {} & {} & {};
+}>> & import("../../adapter/runtime/useAdapter").TUnwrapRefs<import("./base.component").PaginationProps> & import("../../adapter/runtime/useAdapter").TExtractControllerState<object & import("@soxa-ui/core").IPagination> & import("@soxa-ui/setup").TInstanceState<object & {} & {} & {} & {} & {} & {} & {} & {} & {} & {}> & {
+    plugins: import("@soxa-ui/plugins").IPluginBundle | null;
+} & import("../../adapter/runtime/useAdapter").TExtractControllerState<object & import("@soxa-ui/core").TPaginationCollectionFacade> & object, "arrowIconTag"> & {
+    arrowIconTag: import("vue").Component;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, {
+    name: string;
+    emits: import("../../types").TEmits;
+    props: Readonly<Record<string, unknown>>;
+}, {}, string, import("vue").PublicProps, Readonly<{
+    size?: import("@soxa-ui/core").TComponentSize | undefined;
+    name?: string | undefined;
+    rendered?: boolean | undefined;
+    visible?: boolean | undefined;
+    tag?: string | object | undefined;
+    direction?: import("@soxa-ui/core").TDirection | undefined;
+    variant?: import("@soxa-ui/core").TComponentVariant | undefined;
+    disabled?: boolean | undefined;
+    focused?: boolean | undefined;
+    value?: import("@soxa-ui/core").TPaginationValue | undefined;
+    engine?: import("@soxa-ui/core").TPaginationCollectionFacadeEngine | undefined;
+    total?: number | undefined;
+    pageSize?: number | undefined;
+    pages?: import("@soxa-ui/core").TPaginationPage[] | undefined;
+    middleCount?: number | undefined;
+    aria_label?: string | undefined;
+    aria_labelledBy?: string | undefined;
+    aria_describedBy?: string | undefined;
+    ctrl?: import("@soxa-ui/core").IPagination | undefined;
+    embedded?: string | undefined;
+    pluginProps?: import("@soxa-ui/setup").TExternalPluginProps | undefined;
+}> & Readonly<{}>, {}, {}, {
+    Button: import("../../adapter").TClosedComponent<import("vue").DefineComponent<{
+        variant?: import("@soxa-ui/core").TComponentVariant | undefined;
+        view?: import("@soxa-ui/core").TButtonView | undefined;
+        text?: string | undefined;
+        disabled?: boolean | undefined;
+        focused?: boolean | undefined;
+        size?: import("@soxa-ui/core").TComponentSize | undefined;
+        rendered?: boolean | undefined;
+        visible?: boolean | undefined;
+        tag?: string | object | undefined;
+        direction?: import("@soxa-ui/core").TDirection | undefined;
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+        ctrl?: import("@soxa-ui/core").IButton | undefined;
+        embedded?: string | undefined;
+        pluginProps?: import("@soxa-ui/setup").TExternalPluginProps | undefined;
+    }, import("../../adapter/runtime/useAdapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IButton, {
+        props: object & {} & {} & {} & {
+            aria_label?: string | undefined;
+            aria_labelledBy?: string | undefined;
+            aria_describedBy?: string | undefined;
+        };
+        events: object & {
+            "element:ready": (element: Element) => void;
+            "element:removed": () => void;
+        } & {} & {
+            "aria:change:label": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+            "aria:change:labelledBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+            "aria:change:describedBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        } & {
+            "action:blur": (event: FocusEvent) => void;
+            "action:click": (event: MouseEvent) => void;
+            "action:focus": (event: FocusEvent) => void;
+            "action:press": (event: MouseEvent) => void;
+        };
+        outputs: object & {} & {} & {} & {};
+    }>, import("../..").ButtonProps>, {}, {}, {}, import("vue").ComponentOptionsMixin, {
+        name: string;
+        emits: import("../../types").TEmits;
+        props: Readonly<Record<string, unknown>>;
+    }, {}, string, import("vue").PublicProps, Readonly<{
+        variant?: import("@soxa-ui/core").TComponentVariant | undefined;
+        view?: import("@soxa-ui/core").TButtonView | undefined;
+        text?: string | undefined;
+        disabled?: boolean | undefined;
+        focused?: boolean | undefined;
+        size?: import("@soxa-ui/core").TComponentSize | undefined;
+        rendered?: boolean | undefined;
+        visible?: boolean | undefined;
+        tag?: string | object | undefined;
+        direction?: import("@soxa-ui/core").TDirection | undefined;
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+        ctrl?: import("@soxa-ui/core").IButton | undefined;
+        embedded?: string | undefined;
+        pluginProps?: import("@soxa-ui/setup").TExternalPluginProps | undefined;
+    }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+    Icon: import("../../adapter").TClosedComponent<import("vue").DefineComponent<{
+        size?: import("@soxa-ui/core").TComponentSize | undefined;
+        width?: number | string | undefined;
+        height?: number | string | undefined;
+        rendered?: boolean | undefined;
+        visible?: boolean | undefined;
+        tag?: string | object | undefined;
+        direction?: import("@soxa-ui/core").TDirection | undefined;
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+        ctrl?: import("@soxa-ui/core").IIcon | undefined;
+        embedded?: string | undefined;
+        pluginProps?: import("@soxa-ui/setup").TExternalPluginProps | undefined;
+    }, import("../../adapter/runtime/useAdapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IIcon, {
+        props: object & {} & {} & {} & {
+            aria_label?: string | undefined;
+            aria_labelledBy?: string | undefined;
+            aria_describedBy?: string | undefined;
+        };
+        events: object & {
+            "element:ready": (element: Element) => void;
+            "element:removed": () => void;
+        } & {} & {} & {
+            "aria:change:label": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+            "aria:change:labelledBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+            "aria:change:describedBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        };
+        outputs: object & {} & {} & {
+            readonly layout_styles: Record<string, string | number>;
+        } & {};
+    }>, import("../..").IconProps>, {}, {}, {}, import("vue").ComponentOptionsMixin, {
+        name: string;
+        emits: import("../../types").TEmits;
+        props: Readonly<Record<string, unknown>>;
+    }, {}, string, import("vue").PublicProps, Readonly<{
+        size?: import("@soxa-ui/core").TComponentSize | undefined;
+        width?: number | string | undefined;
+        height?: number | string | undefined;
+        rendered?: boolean | undefined;
+        visible?: boolean | undefined;
+        tag?: string | object | undefined;
+        direction?: import("@soxa-ui/core").TDirection | undefined;
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+        ctrl?: import("@soxa-ui/core").IIcon | undefined;
+        embedded?: string | undefined;
+        pluginProps?: import("@soxa-ui/setup").TExternalPluginProps | undefined;
+    }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+    PaginationItem: import("../../adapter").TClosedComponent<import("vue").DefineComponent<{
+        rendered?: boolean | undefined;
+        visible?: boolean | undefined;
+        tag?: string | object | undefined;
+        direction?: import("@soxa-ui/core").TDirection | undefined;
+        ctrl?: import("@soxa-ui/core").IPaginationItem | undefined;
+        embedded?: string | undefined;
+        pluginProps?: import("@soxa-ui/setup").TExternalPluginProps | undefined;
+    }, Omit<import("../../adapter/runtime/useAdapter").TBindingFields<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IPaginationItem, {
+        props: object & {} & {};
+        events: object & {
+            "element:ready": (element: Element) => void;
+            "element:removed": () => void;
+        } & {};
+        outputs: object & {} & {};
+    }>> & import("../../adapter/runtime/useAdapter").TUnwrapRefs<import("./item").PaginationItemProps> & import("../../adapter/runtime/useAdapter").TExtractControllerState<object & import("@soxa-ui/core").IPaginationItem> & import("@soxa-ui/setup").TInstanceState<object & {} & {}> & {
+        plugins: import("@soxa-ui/plugins").IPluginBundle | null;
+    } & import("../../adapter/runtime/useAdapter").TExtractControllerState<object & import("@soxa-ui/core").TPaginationItemCollectionFacade> & object, "context"> & {
+        context: import("@soxa-ui/core").TItemContext<import("@soxa-ui/core").IPaginationItem, import("@soxa-ui/core").TPaginationCollectionExtensions> | undefined;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, {
+        name: string;
+        emits: import("../../types").TEmits;
+        props: Readonly<Record<string, unknown>>;
+    }, {}, string, import("vue").PublicProps, Readonly<{
+        rendered?: boolean | undefined;
+        visible?: boolean | undefined;
+        tag?: string | object | undefined;
+        direction?: import("@soxa-ui/core").TDirection | undefined;
+        ctrl?: import("@soxa-ui/core").IPaginationItem | undefined;
+        embedded?: string | undefined;
+        pluginProps?: import("@soxa-ui/setup").TExternalPluginProps | undefined;
+    }> & Readonly<{}>, {}, {}, {
+        Button: import("../../adapter").TClosedComponent<import("vue").DefineComponent<{
+            variant?: import("@soxa-ui/core").TComponentVariant | undefined;
+            view?: import("@soxa-ui/core").TButtonView | undefined;
+            text?: string | undefined;
+            disabled?: boolean | undefined;
+            focused?: boolean | undefined;
+            size?: import("@soxa-ui/core").TComponentSize | undefined;
+            rendered?: boolean | undefined;
+            visible?: boolean | undefined;
+            tag?: string | object | undefined;
+            direction?: import("@soxa-ui/core").TDirection | undefined;
+            aria_label?: string | undefined;
+            aria_labelledBy?: string | undefined;
+            aria_describedBy?: string | undefined;
+            ctrl?: import("@soxa-ui/core").IButton | undefined;
+            embedded?: string | undefined;
+            pluginProps?: import("@soxa-ui/setup").TExternalPluginProps | undefined;
+        }, import("../../adapter/runtime/useAdapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IButton, {
+            props: object & {} & {} & {} & {
+                aria_label?: string | undefined;
+                aria_labelledBy?: string | undefined;
+                aria_describedBy?: string | undefined;
+            };
+            events: object & {
+                "element:ready": (element: Element) => void;
+                "element:removed": () => void;
+            } & {} & {
+                "aria:change:label": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+                "aria:change:labelledBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+                "aria:change:describedBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+            } & {
+                "action:blur": (event: FocusEvent) => void;
+                "action:click": (event: MouseEvent) => void;
+                "action:focus": (event: FocusEvent) => void;
+                "action:press": (event: MouseEvent) => void;
+            };
+            outputs: object & {} & {} & {} & {};
+        }>, import("../..").ButtonProps>, {}, {}, {}, import("vue").ComponentOptionsMixin, {
+            name: string;
+            emits: import("../../types").TEmits;
+            props: Readonly<Record<string, unknown>>;
+        }, {}, string, import("vue").PublicProps, Readonly<{
+            variant?: import("@soxa-ui/core").TComponentVariant | undefined;
+            view?: import("@soxa-ui/core").TButtonView | undefined;
+            text?: string | undefined;
+            disabled?: boolean | undefined;
+            focused?: boolean | undefined;
+            size?: import("@soxa-ui/core").TComponentSize | undefined;
+            rendered?: boolean | undefined;
+            visible?: boolean | undefined;
+            tag?: string | object | undefined;
+            direction?: import("@soxa-ui/core").TDirection | undefined;
+            aria_label?: string | undefined;
+            aria_labelledBy?: string | undefined;
+            aria_describedBy?: string | undefined;
+            ctrl?: import("@soxa-ui/core").IButton | undefined;
+            embedded?: string | undefined;
+            pluginProps?: import("@soxa-ui/setup").TExternalPluginProps | undefined;
+        }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -0,0 +1,15 @@
+import { Icon } from "../icon/index.js";
+import { Button } from "../button/index.js";
+import { PaginationItem } from "./item/index.js";
+import setup_component_default from "./setup.component.js";
+//#region src/components/pagination/Pagination.vue?vue&type=script&lang.ts
+var Pagination_vue_vue_type_script_lang_default = {
+	...setup_component_default,
+	components: {
+		Button,
+		Icon,
+		PaginationItem
+	}
+};
+//#endregion
+export { Pagination_vue_vue_type_script_lang_default as default };

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

@@ -0,0 +1,12 @@
+import type { TEmits, TProps, UseProps } from '../../types/common';
+import { PaginationDescriptor } from '@soxa-ui/setup';
+import type { IPagination } from '@soxa-ui/core';
+export declare const emitsPagination: TEmits;
+export declare const propsPagination: TProps;
+export type PaginationProps = UseProps<typeof PaginationDescriptor, IPagination>;
+declare const _default: {
+    name: string;
+    emits: TEmits;
+    props: Readonly<Record<string, unknown>>;
+};
+export default _default;

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

@@ -0,0 +1,16 @@
+import { useProps } from "../../adapter/static/useProps.js";
+import { useEmits } from "../../adapter/static/useEmits.js";
+import { PaginationCollectionDescriptor, PaginationDescriptor } from "@soxa-ui/setup";
+//#region src/components/pagination/base.component.ts
+var emitsPagination = [...useEmits(PaginationDescriptor()), ...useEmits(PaginationCollectionDescriptor())];
+var propsPagination = {
+	...useProps(PaginationDescriptor()),
+	...useProps(PaginationCollectionDescriptor())
+};
+var base_component_default = {
+	name: "BasePagination",
+	emits: emitsPagination,
+	props: propsPagination
+};
+//#endregion
+export { base_component_default as default, emitsPagination, propsPagination };

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

@@ -0,0 +1,10 @@
+import type { TClosedComponent } from '../../adapter';
+import PaginationComponent from './Pagination.vue';
+export { default as BasePagination } from './base.component';
+export * from './base.component';
+/**
+ * Пагинация. Страница — внутренняя часть (`PaginationItem`): страницы окна
+ * кладёт в коллекцию сама пагинация, в разметку их не ставят, и наружу часть
+ * не выходит.
+ */
+export declare const Pagination: TClosedComponent<typeof PaginationComponent>;

package/dist/components/pagination/index.js

@@ -0,0 +1,11 @@
+import { emitsPagination, propsPagination } from "./base.component.js";
+import Pagination_default from "./Pagination.js";
+//#region src/components/pagination/index.ts
+/**
+* Пагинация. Страница — внутренняя часть (`PaginationItem`): страницы окна
+* кладёт в коллекцию сама пагинация, в разметку их не ставят, и наружу часть
+* не выходит.
+*/
+var Pagination = Pagination_default;
+//#endregion
+export { Pagination, emitsPagination, propsPagination };

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

@@ -0,0 +1,35 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.js";
+import Item_vue_vue_type_script_lang_default from "./Item.vue_vue_type_script_lang.js";
+import { createBlock, createCommentVNode, createTextVNode, createVNode, mergeProps, openBlock, renderSlot, resolveComponent, resolveDynamicComponent, toDisplayString, vShow, withCtx, withDirectives } from "vue";
+//#region src/components/pagination/item/Item.vue
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_Button = resolveComponent("Button");
+	return _ctx.rendered ? withDirectives((openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), mergeProps({
+		key: 0,
+		ref: "rootElement",
+		class: _ctx.classes
+	}, {
+		..._ctx.attrs,
+		..._ctx.dataset
+	}), {
+		default: withCtx(() => [createVNode(_component_Button, mergeProps({
+			embedded: "pagination.page",
+			type: "button",
+			disabled: _ctx.disabled,
+			size: _ctx.size,
+			variant: _ctx.variant,
+			onClick: _cache[0] || (_cache[0] = ($event) => _ctx.context && (_ctx.context.adapters.activation.active = true))
+		}, _ctx.aria), {
+			default: withCtx(() => [renderSlot(_ctx.$slots, "default", { text: _ctx.text }, () => [createTextVNode(toDisplayString(_ctx.text), 1)])]),
+			_: 3
+		}, 16, [
+			"disabled",
+			"size",
+			"variant"
+		])]),
+		_: 3
+	}, 16, ["class"])), [[vShow, _ctx.visible]]) : createCommentVNode("", true);
+}
+var Item_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Item_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+export { Item_default as default };

package/dist/components/pagination/item/Item.vue.d.ts

@@ -0,0 +1,101 @@
+/**
+ * Страница — внутренняя часть пагинации: её рисует только `Pagination`, по
+ * одной на каждую страницу окна, и наружу пакета она не выходит.
+ *
+ * Атрибуты снаружи падают на корень сами: ставит страницу только владелец, и
+ * своих атрибутов у него для неё нет.
+ */
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    rendered?: boolean | undefined;
+    visible?: boolean | undefined;
+    tag?: string | object | undefined;
+    direction?: import("@soxa-ui/core").TDirection | undefined;
+    ctrl?: import("@soxa-ui/core").IPaginationItem | undefined;
+    embedded?: string | undefined;
+    pluginProps?: import("@soxa-ui/setup").TExternalPluginProps | undefined;
+}, Omit<import("../../../adapter/runtime/useAdapter").TBindingFields<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IPaginationItem, {
+    props: object & {} & {};
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => void;
+    } & {};
+    outputs: object & {} & {};
+}>> & import("../../../adapter/runtime/useAdapter").TUnwrapRefs<import("./base.component").PaginationItemProps> & import("../../../adapter/runtime/useAdapter").TExtractControllerState<object & import("@soxa-ui/core").IPaginationItem> & import("@soxa-ui/setup").TInstanceState<object & {} & {}> & {
+    plugins: import("@soxa-ui/plugins").IPluginBundle | null;
+} & import("../../../adapter/runtime/useAdapter").TExtractControllerState<object & import("@soxa-ui/core").TPaginationItemCollectionFacade> & object, "context"> & {
+    context: import("@soxa-ui/core").TItemContext<import("@soxa-ui/core").IPaginationItem, import("@soxa-ui/core").TPaginationCollectionExtensions> | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, {
+    name: string;
+    emits: import("../../../types").TEmits;
+    props: Readonly<Record<string, unknown>>;
+}, {}, string, import("vue").PublicProps, Readonly<{
+    rendered?: boolean | undefined;
+    visible?: boolean | undefined;
+    tag?: string | object | undefined;
+    direction?: import("@soxa-ui/core").TDirection | undefined;
+    ctrl?: import("@soxa-ui/core").IPaginationItem | undefined;
+    embedded?: string | undefined;
+    pluginProps?: import("@soxa-ui/setup").TExternalPluginProps | undefined;
+}> & Readonly<{}>, {}, {}, {
+    Button: import("../../../adapter").TClosedComponent<import("vue").DefineComponent<{
+        variant?: import("@soxa-ui/core").TComponentVariant | undefined;
+        view?: import("@soxa-ui/core").TButtonView | undefined;
+        text?: string | undefined;
+        disabled?: boolean | undefined;
+        focused?: boolean | undefined;
+        size?: import("@soxa-ui/core").TComponentSize | undefined;
+        rendered?: boolean | undefined;
+        visible?: boolean | undefined;
+        tag?: string | object | undefined;
+        direction?: import("@soxa-ui/core").TDirection | undefined;
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+        ctrl?: import("@soxa-ui/core").IButton | undefined;
+        embedded?: string | undefined;
+        pluginProps?: import("@soxa-ui/setup").TExternalPluginProps | undefined;
+    }, import("../../../adapter/runtime/useAdapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IButton, {
+        props: object & {} & {} & {} & {
+            aria_label?: string | undefined;
+            aria_labelledBy?: string | undefined;
+            aria_describedBy?: string | undefined;
+        };
+        events: object & {
+            "element:ready": (element: Element) => void;
+            "element:removed": () => void;
+        } & {} & {
+            "aria:change:label": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+            "aria:change:labelledBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+            "aria:change:describedBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        } & {
+            "action:blur": (event: FocusEvent) => void;
+            "action:click": (event: MouseEvent) => void;
+            "action:focus": (event: FocusEvent) => void;
+            "action:press": (event: MouseEvent) => void;
+        };
+        outputs: object & {} & {} & {} & {};
+    }>, import("../../..").ButtonProps>, {}, {}, {}, import("vue").ComponentOptionsMixin, {
+        name: string;
+        emits: import("../../../types").TEmits;
+        props: Readonly<Record<string, unknown>>;
+    }, {}, string, import("vue").PublicProps, Readonly<{
+        variant?: import("@soxa-ui/core").TComponentVariant | undefined;
+        view?: import("@soxa-ui/core").TButtonView | undefined;
+        text?: string | undefined;
+        disabled?: boolean | undefined;
+        focused?: boolean | undefined;
+        size?: import("@soxa-ui/core").TComponentSize | undefined;
+        rendered?: boolean | undefined;
+        visible?: boolean | undefined;
+        tag?: string | object | undefined;
+        direction?: import("@soxa-ui/core").TDirection | undefined;
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+        ctrl?: import("@soxa-ui/core").IButton | undefined;
+        embedded?: string | undefined;
+        pluginProps?: import("@soxa-ui/setup").TExternalPluginProps | undefined;
+    }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/pagination/item/Item.vue_vue_type_script_lang.js

@@ -0,0 +1,16 @@
+import { Button } from "../../button/index.js";
+import setup_component_default from "./setup.component.js";
+//#region src/components/pagination/item/Item.vue?vue&type=script&lang.ts
+/**
+* Страница — внутренняя часть пагинации: её рисует только `Pagination`, по
+* одной на каждую страницу окна, и наружу пакета она не выходит.
+*
+* Атрибуты снаружи падают на корень сами: ставит страницу только владелец, и
+* своих атрибутов у него для неё нет.
+*/
+var Item_vue_vue_type_script_lang_default = {
+	...setup_component_default,
+	components: { Button }
+};
+//#endregion
+export { Item_vue_vue_type_script_lang_default as default };

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

@@ -0,0 +1,12 @@
+import type { TEmits, TProps, UseProps } from '../../../types/common';
+import { PaginationItemDescriptor } from '@soxa-ui/setup';
+import type { IPaginationItem } from '@soxa-ui/core';
+export declare const emitsPaginationItem: TEmits;
+export declare const propsPaginationItem: TProps;
+export type PaginationItemProps = UseProps<typeof PaginationItemDescriptor, IPaginationItem>;
+declare const _default: {
+    name: string;
+    emits: TEmits;
+    props: Readonly<Record<string, unknown>>;
+};
+export default _default;

package/dist/components/pagination/item/base.component.js

@@ -0,0 +1,16 @@
+import { useProps } from "../../../adapter/static/useProps.js";
+import { useEmits } from "../../../adapter/static/useEmits.js";
+import { PaginationCollectionItemDescriptor, PaginationItemDescriptor } from "@soxa-ui/setup";
+//#region src/components/pagination/item/base.component.ts
+var emitsPaginationItem = [...useEmits(PaginationItemDescriptor()), ...useEmits(PaginationCollectionItemDescriptor())];
+var propsPaginationItem = {
+	...useProps(PaginationItemDescriptor()),
+	...useProps(PaginationCollectionItemDescriptor())
+};
+var base_component_default = {
+	name: "BasePaginationItem",
+	emits: emitsPaginationItem,
+	props: propsPaginationItem
+};
+//#endregion
+export { base_component_default as default, emitsPaginationItem, propsPaginationItem };

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

@@ -0,0 +1,6 @@
+import type { TClosedComponent } from '../../../adapter';
+import PaginationItemComponent from './Item.vue';
+export * from './base.component';
+export { default as BasePaginationItem } from './base.component';
+/** Страница — внутренняя часть пагинации: наружу пакета не экспортируется. */
+export declare const PaginationItem: TClosedComponent<typeof PaginationItemComponent>;

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

@@ -0,0 +1,7 @@
+import { emitsPaginationItem, propsPaginationItem } from "./base.component.js";
+import Item_default from "./Item.js";
+//#region src/components/pagination/item/index.ts
+/** Страница — внутренняя часть пагинации: наружу пакета не экспортируется. */
+var PaginationItem = Item_default;
+//#endregion
+export { PaginationItem, emitsPaginationItem, propsPaginationItem };