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

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

@@ -0,0 +1,76 @@
+import { type SetupContext } from '../../../adapter';
+import { type MenuSubmenuProps } from './base.component';
+/**
+ * Three contexts on one bundle: its own (text, openness, the panel's sets),
+ * the item facade — joining the menu's collection above it — and the menu
+ * facade — its own items. An item with a submenu is an item of the menu it
+ * stands in and a menu of its own items: the elevator hands it the collection
+ * of the menu above it, and its items — its own.
+ *
+ * `context` goes to the template explicitly: the press of the row is a method
+ * of the item adapter, and the state carries no methods.
+ *
+ * No logic here: opening by keys is `TMenuSubmenuKeyboardPlugin`, by hover —
+ * `TMenuHoverPlugin` of the menu above the submenu, focus, Escape and Tab —
+ * `TMenuSubmenuFocusPlugin`, a press and focus leaving past it —
+ * `TDismissPlugin`, the panel's coordinates at the row — `TAnchorPlugin` of
+ * its Frame.
+ */
+declare const _default: {
+    name: string;
+    inheritAttrs: boolean;
+    extends: {
+        name: string;
+        emits: import("../../../types").TEmits;
+        props: Readonly<Record<string, unknown>>;
+    };
+    expose: string[];
+    setup(props: MenuSubmenuProps, { emit }: SetupContext): Omit<import("../../../adapter/runtime/useAdapter").TBindingFields<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IMenuSubmenu, {
+        props: object & {} & {} & {} & {
+            aria_label?: string | undefined;
+            aria_labelledBy?: string | undefined;
+            aria_describedBy?: string | undefined;
+        } & {} & {} & {} & {} & {} & {
+            dismiss_enabled?: boolean | undefined;
+        } & {} & {} & {} & {
+            id?: 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;
+        } & {} & {
+            "change:id": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        } & {} & {} & {} & {
+            "dismiss:dismiss": (event: MouseEvent | FocusEvent) => void;
+            "dismiss:change:enabled": (payload: import("@soxa-ui/core").TValuePayload<boolean>) => void;
+        } & {} & {} & {} & {};
+        outputs: object & {} & {} & {} & {} & {} & {
+            readonly listItem_highlighted: boolean;
+        } & {} & {} & {} & {
+            readonly dismiss_ownerAttribute: Record<string, string>;
+        } & {} & {} & {} & {} & {};
+    }>> & import("../../../adapter/runtime/useAdapter").TUnwrapRefs<MenuSubmenuProps> & import("../../../adapter/runtime/useAdapter").TExtractControllerState<object & import("@soxa-ui/core").IMenuSubmenu> & import("@soxa-ui/setup").TInstanceState<object & {} & {} & {} & {} & {} & {
+        readonly listItem_highlighted: boolean;
+    } & {} & {} & {} & {
+        readonly dismiss_ownerAttribute: Record<string, string>;
+    } & {} & {} & {} & {} & {}> & {
+        plugins: import("@soxa-ui/plugins").IPluginBundle | null;
+    } & import("../../../adapter/runtime/useAdapter").TExtractControllerState<object & import("@soxa-ui/core").TMenuItemCollectionFacade> & object & import("../../../adapter/runtime/useAdapter").TExtractControllerState<object & import("@soxa-ui/core").TMenuCollectionFacade>, "context" | "containerAttrs" | "controlAttrs" | "arrowIconTag"> & {
+        containerAttrs: import("vue").ComputedRef<Record<string, unknown>>;
+        controlAttrs: import("vue").ComputedRef<{
+            [x: string]: unknown;
+        }>;
+        context: import("@soxa-ui/core").TItemContext<import("@soxa-ui/core").IMenuItem<import("@soxa-ui/core").IMenuItemProps, any>, import("@soxa-ui/core").TMenuCollectionExtensions> | undefined;
+        arrowIconTag: import("vue").Component;
+    };
+};
+export default _default;

package/dist/components/menu/submenu/setup.component.js

@@ -0,0 +1,60 @@
+import { roleIcon } from "../../../adapter/common/icon.js";
+import { useSplitAttrs } from "../../../adapter/common/useSplitAttrs.js";
+import { createVueAdapterContext } from "../../../adapter/common/createVueAdapterContext.js";
+import { useExpose } from "../../../adapter/static/useExpose.js";
+import { extendBinding, joinBindings } from "../../../adapter/runtime/view.js";
+import { useAdapter } from "../../../adapter/runtime/useAdapter.js";
+import { useCollectionAdapter } from "../../../adapter/runtime/useCollectionAdapter.js";
+import { VueElevatorFactory } from "../../../adapter/elevator/factory.js";
+import base_component_default from "./base.component.js";
+import { MenuCollectionItemDescriptor, MenuSubmenuCollectionDescriptor, MenuSubmenuDescriptor, TCollectionExtension, TCollectionItemExtension } from "@soxa-ui/setup";
+//#region src/components/menu/submenu/setup.component.ts
+/**
+* Three contexts on one bundle: its own (text, openness, the panel's sets),
+* the item facade — joining the menu's collection above it — and the menu
+* facade — its own items. An item with a submenu is an item of the menu it
+* stands in and a menu of its own items: the elevator hands it the collection
+* of the menu above it, and its items — its own.
+*
+* `context` goes to the template explicitly: the press of the row is a method
+* of the item adapter, and the state carries no methods.
+*
+* No logic here: opening by keys is `TMenuSubmenuKeyboardPlugin`, by hover —
+* `TMenuHoverPlugin` of the menu above the submenu, focus, Escape and Tab —
+* `TMenuSubmenuFocusPlugin`, a press and focus leaving past it —
+* `TDismissPlugin`, the panel's coordinates at the row — `TAnchorPlugin` of
+* its Frame.
+*/
+var setup_component_default = {
+	name: "_MenuSubmenu",
+	inheritAttrs: false,
+	extends: base_component_default,
+	expose: useExpose(),
+	setup(props, { emit }) {
+		const adapter = createVueAdapterContext(MenuSubmenuDescriptor(), {
+			ctrl: props.ctrl,
+			props
+		});
+		const itemAdapter = createVueAdapterContext(MenuCollectionItemDescriptor(), { props }, { bundle: adapter.bundle }).use(TCollectionItemExtension, {
+			adapter,
+			elevator: VueElevatorFactory
+		});
+		const collectionAdapter = createVueAdapterContext(MenuSubmenuCollectionDescriptor(), {
+			props,
+			options: {
+				owner: adapter.instance,
+				engine: props.engine
+			}
+		}, { bundle: adapter.bundle }).use(TCollectionExtension, { elevator: VueElevatorFactory });
+		const itemBinding = useCollectionAdapter(itemAdapter, props, emit);
+		const collectionBinding = useCollectionAdapter(collectionAdapter, props, emit);
+		const ownerBinding = useAdapter(adapter, props, emit);
+		return extendBinding(joinBindings(ownerBinding, itemBinding, collectionBinding), {
+			context: itemAdapter.instance.context,
+			arrowIconTag: roleIcon("arrowRight"),
+			...useSplitAttrs()
+		});
+	}
+};
+//#endregion
+export { setup_component_default as default };

package/dist/components/number-input/NumberInput.js

@@ -0,0 +1,119 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+import NumberInput_vue_vue_type_script_lang_default from "./NumberInput.vue_vue_type_script_lang.js";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, mergeProps, openBlock, renderSlot, resolveComponent, resolveDynamicComponent, vShow, withCtx, withDirectives, withModifiers } from "vue";
+//#region src/components/number-input/NumberInput.vue
+var _hoisted_1 = {
+	key: 0,
+	class: "so-number-input__leading"
+};
+var _hoisted_2 = [
+	"id",
+	"value",
+	"placeholder",
+	"disabled",
+	"readonly",
+	"required"
+];
+var _hoisted_3 = {
+	key: 1,
+	class: "so-number-input__trailing"
+};
+var _hoisted_4 = { class: "so-number-input__stepper" };
+var _hoisted_5 = [
+	"name",
+	"value",
+	"disabled"
+];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_Icon = resolveComponent("Icon");
+	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,
+		..._ctx.containerAttrs
+	}), {
+		default: withCtx(() => [
+			_ctx.$slots.leading ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "leading", { ctrl: _ctx.ctrl })])) : createCommentVNode("", true),
+			createElementVNode("input", mergeProps({
+				type: "text",
+				class: "so-number-input__input",
+				id: _ctx.id,
+				value: _ctx.text,
+				placeholder: _ctx.placeholder,
+				disabled: _ctx.disabled,
+				readonly: _ctx.readonly,
+				required: _ctx.required,
+				autocomplete: "off",
+				spellcheck: "false"
+			}, {
+				..._ctx.inputAttrs,
+				..._ctx.aria,
+				..._ctx.inputAria,
+				..._ctx.controlAttrs
+			}), null, 16, _hoisted_2),
+			_ctx.clearable || _ctx.$slots.clear || _ctx.$slots.trailing ? (openBlock(), createElementBlock("div", _hoisted_3, [renderSlot(_ctx.$slots, "clear", { clear: _ctx.ctrl.clear }, () => [_ctx.clearable ? (openBlock(), createBlock(_component_Button, mergeProps({
+				key: 0,
+				embedded: "number-input.clear",
+				type: "button",
+				class: "so-number-input__clear",
+				size: _ctx.size,
+				disabled: _ctx.disabled,
+				onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.ctrl.clear(), ["stop"]))
+			}, _ctx.clearAria), {
+				default: withCtx(() => [createVNode(_component_Icon, {
+					embedded: "number-input.clear-icon",
+					tag: _ctx.clearIconTag,
+					size: _ctx.size
+				}, null, 8, ["tag", "size"])]),
+				_: 1
+			}, 16, ["size", "disabled"])) : createCommentVNode("", true)]), renderSlot(_ctx.$slots, "trailing", { ctrl: _ctx.ctrl })])) : createCommentVNode("", true),
+			createElementVNode("div", _hoisted_4, [createVNode(_component_Button, mergeProps({
+				embedded: "number-input.decrement",
+				type: "button",
+				class: "so-number-input__decrement",
+				size: _ctx.size,
+				disabled: _ctx.decrementDisabled
+			}, {
+				..._ctx.decrementAria,
+				..._ctx.decrementDataset
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "decrement-icon", {}, () => [createVNode(_component_Icon, {
+					embedded: "number-input.decrement-icon",
+					tag: _ctx.minusIconTag,
+					size: _ctx.size
+				}, null, 8, ["tag", "size"])])]),
+				_: 3
+			}, 16, ["size", "disabled"]), createVNode(_component_Button, mergeProps({
+				embedded: "number-input.increment",
+				type: "button",
+				class: "so-number-input__increment",
+				size: _ctx.size,
+				disabled: _ctx.incrementDisabled
+			}, {
+				..._ctx.incrementAria,
+				..._ctx.incrementDataset
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "increment-icon", {}, () => [createVNode(_component_Icon, {
+					embedded: "number-input.increment-icon",
+					tag: _ctx.plusIconTag,
+					size: _ctx.size
+				}, null, 8, ["tag", "size"])])]),
+				_: 3
+			}, 16, ["size", "disabled"])]),
+			createElementVNode("input", {
+				type: "hidden",
+				name: _ctx.name,
+				value: _ctx.value,
+				disabled: _ctx.disabled
+			}, null, 8, _hoisted_5)
+		]),
+		_: 3
+	}, 16, ["class"])), [[vShow, _ctx.visible]]) : createCommentVNode("", true);
+}
+var NumberInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(NumberInput_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+export { NumberInput_default as default };

package/dist/components/number-input/NumberInput.vue.d.ts

@@ -0,0 +1,203 @@
+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").TNumberInputValue;
+    min?: number | undefined;
+    max?: number | undefined;
+    readonly?: boolean | undefined;
+    required?: boolean | undefined;
+    clearable?: boolean | undefined;
+    placeholder?: string | undefined;
+    step?: number | undefined;
+    largeStep?: number | undefined;
+    formatOptions?: import("@soxa-ui/core").TNumberInputFormatOptions | undefined;
+    aria_label?: string | undefined;
+    aria_labelledBy?: string | undefined;
+    aria_describedBy?: string | undefined;
+    id?: string | undefined;
+    ctrl?: import("@soxa-ui/core").INumberInput | undefined;
+    embedded?: string | undefined;
+    pluginProps?: import("@soxa-ui/setup").TExternalPluginProps | undefined;
+}, Omit<import("../../adapter/runtime/useAdapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").INumberInput, {
+    props: object & {} & {} & {} & {
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+    } & {
+        id?: 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;
+    } & {
+        "change:id": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+    } & {} & {} & {} & {} & {} & {};
+    outputs: object & {} & {} & {} & {} & {} & {} & {} & {} & {} & {} & {} & {};
+}>, import("./base.component").NumberInputProps>, "containerAttrs" | "controlAttrs" | "clearIconTag" | "minusIconTag" | "plusIconTag"> & {
+    clearIconTag: import("vue").Component;
+    minusIconTag: import("vue").Component;
+    plusIconTag: import("vue").Component;
+    containerAttrs: import("vue").ComputedRef<Record<string, unknown>>;
+    controlAttrs: import("vue").ComputedRef<{
+        [x: string]: unknown;
+    }>;
+}, {}, {}, {}, 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").TNumberInputValue;
+    min?: number | undefined;
+    max?: number | undefined;
+    readonly?: boolean | undefined;
+    required?: boolean | undefined;
+    clearable?: boolean | undefined;
+    placeholder?: string | undefined;
+    step?: number | undefined;
+    largeStep?: number | undefined;
+    formatOptions?: import("@soxa-ui/core").TNumberInputFormatOptions | undefined;
+    aria_label?: string | undefined;
+    aria_labelledBy?: string | undefined;
+    aria_describedBy?: string | undefined;
+    id?: string | undefined;
+    ctrl?: import("@soxa-ui/core").INumberInput | 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>>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/number-input/NumberInput.vue_vue_type_script_lang.js

@@ -0,0 +1,13 @@
+import { Icon } from "../icon/index.js";
+import { Button } from "../button/index.js";
+import setup_component_default from "./setup.component.js";
+//#region src/components/number-input/NumberInput.vue?vue&type=script&lang.ts
+var NumberInput_vue_vue_type_script_lang_default = {
+	...setup_component_default,
+	components: {
+		Button,
+		Icon
+	}
+};
+//#endregion
+export { NumberInput_vue_vue_type_script_lang_default as default };

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

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

package/dist/components/number-input/base.component.js

@@ -0,0 +1,13 @@
+import { useProps } from "../../adapter/static/useProps.js";
+import { useEmits } from "../../adapter/static/useEmits.js";
+import { NumberInputDescriptor } from "@soxa-ui/setup";
+//#region src/components/number-input/base.component.ts
+var emitsNumberInput = useEmits(NumberInputDescriptor());
+var propsNumberInput = useProps(NumberInputDescriptor());
+var base_component_default = {
+	name: "BaseNumberInput",
+	emits: emitsNumberInput,
+	props: propsNumberInput
+};
+//#endregion
+export { base_component_default as default, emitsNumberInput, propsNumberInput };

package/dist/components/number-input/index.d.ts

@@ -0,0 +1,4 @@
+import type { TClosedComponent } from '../../adapter';
+import NumberInputComponent from './NumberInput.vue';
+export { default as BaseNumberInput, emitsNumberInput, propsNumberInput } from './base.component';
+export declare const NumberInput: TClosedComponent<typeof NumberInputComponent>;

package/dist/components/number-input/index.js

@@ -0,0 +1,6 @@
+import "./base.component.js";
+import NumberInput_default from "./NumberInput.js";
+//#region src/components/number-input/index.ts
+var NumberInput = NumberInput_default;
+//#endregion
+export { NumberInput };

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

@@ -0,0 +1,54 @@
+import { type SetupContext } from '../../adapter';
+import { type NumberInputProps } from './base.component';
+/**
+ * Логики здесь нет: что набирается, решает ядро, правку браузера до него
+ * доводит плагин набора, клавиши шага и кнопки шага с удержанием — свои
+ * плагины на корне, очищает поле его команда `clear`. Атрибуты снаружи
+ * делятся, как у Input: класс и стиль — корню, остальное — вводу. Ошибку,
+ * `id` и ссылки на подпись и справку даёт поле формы `Field` над ним — своим
+ * расширением.
+ */
+declare const _default: {
+    name: string;
+    inheritAttrs: boolean;
+    extends: {
+        name: string;
+        emits: import("../../types").TEmits;
+        props: Readonly<Record<string, unknown>>;
+    };
+    expose: string[];
+    setup(props: NumberInputProps, { emit }: SetupContext): Omit<import("../../adapter/runtime/useAdapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").INumberInput, {
+        props: object & {} & {} & {} & {
+            aria_label?: string | undefined;
+            aria_labelledBy?: string | undefined;
+            aria_describedBy?: string | undefined;
+        } & {
+            id?: 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;
+        } & {
+            "change:id": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        } & {} & {} & {} & {} & {} & {};
+        outputs: object & {} & {} & {} & {} & {} & {} & {} & {} & {} & {} & {} & {};
+    }>, NumberInputProps>, "containerAttrs" | "controlAttrs" | "clearIconTag" | "minusIconTag" | "plusIconTag"> & {
+        clearIconTag: import("vue").Component;
+        minusIconTag: import("vue").Component;
+        plusIconTag: import("vue").Component;
+        containerAttrs: import("vue").ComputedRef<Record<string, unknown>>;
+        controlAttrs: import("vue").ComputedRef<{
+            [x: string]: unknown;
+        }>;
+    };
+};
+export default _default;

package/dist/components/number-input/setup.component.js

@@ -0,0 +1,38 @@
+import { roleIcon } from "../../adapter/common/icon.js";
+import { useSplitAttrs } from "../../adapter/common/useSplitAttrs.js";
+import { createVueAdapterContext } from "../../adapter/common/createVueAdapterContext.js";
+import { useExpose } from "../../adapter/static/useExpose.js";
+import { extendBinding } from "../../adapter/runtime/view.js";
+import { useAdapter } from "../../adapter/runtime/useAdapter.js";
+import { VueElevatorFactory } from "../../adapter/elevator/factory.js";
+import base_component_default from "./base.component.js";
+import { NumberInputDescriptor, TFieldControlExtension } from "@soxa-ui/setup";
+//#region src/components/number-input/setup.component.ts
+/**
+* Логики здесь нет: что набирается, решает ядро, правку браузера до него
+* доводит плагин набора, клавиши шага и кнопки шага с удержанием — свои
+* плагины на корне, очищает поле его команда `clear`. Атрибуты снаружи
+* делятся, как у Input: класс и стиль — корню, остальное — вводу. Ошибку,
+* `id` и ссылки на подпись и справку даёт поле формы `Field` над ним — своим
+* расширением.
+*/
+var setup_component_default = {
+	name: "_NumberInput",
+	inheritAttrs: false,
+	extends: base_component_default,
+	expose: useExpose(),
+	setup(props, { emit }) {
+		const adapter = createVueAdapterContext(NumberInputDescriptor(), {
+			ctrl: props.ctrl,
+			props
+		}).use(TFieldControlExtension, { elevator: VueElevatorFactory });
+		return extendBinding(useAdapter(adapter, props, emit), {
+			...useSplitAttrs(),
+			clearIconTag: roleIcon("close"),
+			minusIconTag: roleIcon("minus"),
+			plusIconTag: roleIcon("plus")
+		});
+	}
+};
+//#endregion
+export { setup_component_default as default };