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

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

@@ -0,0 +1,47 @@
+import { type SetupContext } from '../../adapter';
+import { type ScrollerProps } from './base.component';
+/**
+ * Логики здесь нет: края ленты и её листание — `TScrollerViewportPlugin`,
+ * выключенность кнопок и `tabindex` вьюпорта — ядро. Разметка раскладывает
+ * то, что они отдали.
+ *
+ * Инстанс наружу не отдаётся: нажатия ловит плагин на корне, и обработчику в
+ * разметке взяться неоткуда.
+ */
+declare const _default: {
+    name: string;
+    extends: {
+        name: string;
+        emits: import("../../types").TEmits;
+        props: Readonly<Record<string, unknown>>;
+    };
+    expose: string[];
+    setup(props: ScrollerProps, { emit }: SetupContext): Omit<import("../../adapter/runtime/useAdapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IScroller, {
+        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 & {} & {} & {} & {} & {} & {} & {};
+    }>, ScrollerProps>, "arrowIconTag"> & {
+        /**
+         * Одна иконка на обе кнопки: роли «влево» в контракте иконок нет, и
+         * ту стрелку, что смотрит в начало строки, зеркалит тема.
+         */
+        arrowIconTag: import("vue").Component;
+    };
+};
+export default _default;

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

@@ -0,0 +1,35 @@
+import { roleIcon } from "../../adapter/common/icon.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 base_component_default from "./base.component.js";
+import { ScrollerDescriptor } from "@soxa-ui/setup";
+//#region src/components/scroller/setup.component.ts
+/**
+* Логики здесь нет: края ленты и её листание — `TScrollerViewportPlugin`,
+* выключенность кнопок и `tabindex` вьюпорта — ядро. Разметка раскладывает
+* то, что они отдали.
+*
+* Инстанс наружу не отдаётся: нажатия ловит плагин на корне, и обработчику в
+* разметке взяться неоткуда.
+*/
+var setup_component_default = {
+	name: "_Scroller",
+	extends: base_component_default,
+	expose: useExpose(),
+	setup(props, { emit }) {
+		const adapter = createVueAdapterContext(ScrollerDescriptor(), {
+			ctrl: props.ctrl,
+			props
+		});
+		return extendBinding(useAdapter(adapter, props, emit), { 
+		/**
+		* Одна иконка на обе кнопки: роли «влево» в контракте иконок нет, и
+		* ту стрелку, что смотрит в начало строки, зеркалит тема.
+		*/
+arrowIconTag: roleIcon("arrowRight") });
+	}
+};
+//#endregion
+export { setup_component_default as default };

package/dist/components/select/Select.js

@@ -0,0 +1,151 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+import Select_vue_vue_type_script_lang_default from "./Select.vue_vue_type_script_lang.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, mergeProps, normalizeStyle, openBlock, renderList, renderSlot, resolveComponent, vShow, withCtx, withDirectives } from "vue";
+//#region src/components/select/Select.vue
+var _hoisted_1 = { class: "so-select__arrow" };
+var _hoisted_2 = {
+	key: 0,
+	class: "so-select__handle",
+	"aria-hidden": "true"
+};
+var _hoisted_3 = {
+	key: 0,
+	class: "so-select__separator",
+	"aria-hidden": "true"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_Tags = resolveComponent("Tags");
+	const _component_Icon = resolveComponent("Icon");
+	const _component_Input = resolveComponent("Input");
+	const _component_SelectItem = resolveComponent("SelectItem");
+	const _component_SelectGroup = resolveComponent("SelectGroup");
+	const _component_Frame = resolveComponent("Frame");
+	return _ctx.rendered ? withDirectives((openBlock(), createElementBlock("div", mergeProps({
+		key: 0,
+		ref: "rootElement",
+		class: _ctx.classes
+	}, {
+		..._ctx.dataset,
+		..._ctx.containerAttrs,
+		..._ctx.attrs
+	}), [renderSlot(_ctx.$slots, "field", { field: _ctx.field }, () => [createVNode(_component_Input, mergeProps({
+		embedded: "select.field",
+		class: "so-select__field",
+		ctrl: _ctx.field,
+		id: _ctx.id
+	}, {
+		..._ctx.aria,
+		..._ctx.controlAttrs
+	}), createSlots({
+		leading: withCtx(() => [_ctx.tags ? renderSlot(_ctx.$slots, "tags", {
+			tags: _ctx.tags,
+			engine: _ctx.tags_engine
+		}, () => [createVNode(_component_Tags, {
+			embedded: "select.tags",
+			class: "so-select__tags",
+			ctrl: _ctx.tags,
+			engine: _ctx.tags_engine ?? void 0
+		}, null, 8, ["ctrl", "engine"])], void 0, 0) : createCommentVNode("", true), renderSlot(_ctx.$slots, "leading")]),
+		trailing: withCtx(() => [createElementVNode("span", _hoisted_1, [renderSlot(_ctx.$slots, "arrow-icon", {}, () => [createVNode(_component_Icon, {
+			embedded: "select.arrow",
+			tag: _ctx.arrowIconTag,
+			size: _ctx.size
+		}, null, 8, ["tag", "size"])])]), renderSlot(_ctx.$slots, "trailing")]),
+		_: 2
+	}, [_ctx.$slots.clear ? {
+		name: "clear",
+		fn: withCtx(({ clear }) => [renderSlot(_ctx.$slots, "clear", { clear })]),
+		key: "0"
+	} : void 0]), 1040, ["ctrl", "id"])]), createVNode(_component_Frame, mergeProps({
+		embedded: "select.frame",
+		visible: _ctx.visible && _ctx.open,
+		strategy: "fixed",
+		anchor_anchor: _ctx.rootElement,
+		anchor_placement: _ctx.panelPlacement,
+		anchor_flip: _ctx.panelFlip,
+		anchor_matchWidth: _ctx.autoFitWidth,
+		anchor_offset: 4,
+		class: "so-select__panel"
+	}, {
+		..._ctx.panelDataset,
+		..._ctx.dismiss_ownerAttribute
+	}), {
+		default: withCtx(() => [_ctx.handleRendered ? (openBlock(), createElementBlock("div", _hoisted_2)) : createCommentVNode("", true), createElementVNode("div", mergeProps({ class: "so-select__list" }, _ctx.listAria), [renderSlot(_ctx.$slots, "default", {}, () => [_ctx.contentRendered ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.drawnSections, (section, index) => {
+			return openBlock(), createElementBlock(Fragment, { key: section.key }, [_ctx.groupSeparators && index > 0 ? (openBlock(), createElementBlock("div", _hoisted_3)) : createCommentVNode("", true), section.group ? (openBlock(), createBlock(_component_SelectGroup, {
+				key: 1,
+				label: section.group.label
+			}, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(section.entries, (entry) => {
+					return openBlock(), createElementBlock(Fragment, { key: entry.key }, [entry.kind === "filler" ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: "so-select__filler",
+						"aria-hidden": "true",
+						style: normalizeStyle(entry.style)
+					}, null, 4)) : !(_ctx.$slots.item || _ctx.$slots["item-leading"] || _ctx.$slots["item-trailing"] || _ctx.$slots["item-indicator-icon"]) ? (openBlock(), createBlock(_component_SelectItem, {
+						key: 1,
+						ctrl: entry.item
+					}, null, 8, ["ctrl"])) : (openBlock(), createBlock(_component_SelectItem, {
+						key: 2,
+						ctrl: entry.item
+					}, createSlots({
+						leading: withCtx(() => [renderSlot(_ctx.$slots, "item-leading", { item: entry.item })]),
+						default: withCtx(({ text, selected }) => [renderSlot(_ctx.$slots, "item", {
+							item: entry.item,
+							text,
+							selected
+						})]),
+						trailing: withCtx(() => [renderSlot(_ctx.$slots, "item-trailing", { item: entry.item })]),
+						_: 2
+					}, [_ctx.$slots["item-indicator-icon"] ? {
+						name: "indicator-icon",
+						fn: withCtx(({ selected }) => [renderSlot(_ctx.$slots, "item-indicator-icon", {
+							item: entry.item,
+							selected
+						})]),
+						key: "0"
+					} : void 0]), 1032, ["ctrl"]))], 64);
+				}), 128))]),
+				_: 2
+			}, 1032, ["label"])) : (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(section.entries, (entry) => {
+				return openBlock(), createElementBlock(Fragment, { key: entry.key }, [entry.kind === "filler" ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: "so-select__filler",
+					"aria-hidden": "true",
+					style: normalizeStyle(entry.style)
+				}, null, 4)) : !(_ctx.$slots.item || _ctx.$slots["item-leading"] || _ctx.$slots["item-trailing"] || _ctx.$slots["item-indicator-icon"]) ? (openBlock(), createBlock(_component_SelectItem, {
+					key: 1,
+					ctrl: entry.item
+				}, null, 8, ["ctrl"])) : (openBlock(), createBlock(_component_SelectItem, {
+					key: 2,
+					ctrl: entry.item
+				}, createSlots({
+					leading: withCtx(() => [renderSlot(_ctx.$slots, "item-leading", { item: entry.item })]),
+					default: withCtx(({ text, selected }) => [renderSlot(_ctx.$slots, "item", {
+						item: entry.item,
+						text,
+						selected
+					})]),
+					trailing: withCtx(() => [renderSlot(_ctx.$slots, "item-trailing", { item: entry.item })]),
+					_: 2
+				}, [_ctx.$slots["item-indicator-icon"] ? {
+					name: "indicator-icon",
+					fn: withCtx(({ selected }) => [renderSlot(_ctx.$slots, "item-indicator-icon", {
+						item: entry.item,
+						selected
+					})]),
+					key: "0"
+				} : void 0]), 1032, ["ctrl"]))], 64);
+			}), 128))], 64);
+		}), 128)) : createCommentVNode("", true)]), _ctx.shown.length === 0 ? renderSlot(_ctx.$slots, "empty", {}, void 0, void 0, 0) : createCommentVNode("", true)], 16)]),
+		_: 3
+	}, 16, [
+		"visible",
+		"anchor_anchor",
+		"anchor_placement",
+		"anchor_flip",
+		"anchor_matchWidth"
+	])], 16)), [[vShow, _ctx.visible]]) : createCommentVNode("", true);
+}
+var Select_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Select_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+export { Select_default as default };