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

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

@@ -0,0 +1,33 @@
+import { type SetupContext } from '../../adapter';
+import { type ButtonProps } from './base.component';
+declare const _default: {
+    name: string;
+    extends: {
+        name: string;
+        emits: import("../../types").TEmits;
+        props: Readonly<Record<string, unknown>>;
+    };
+    expose: string[];
+    setup(props: ButtonProps, { emit }: SetupContext): 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 & {} & {} & {} & {};
+    }>, ButtonProps>;
+};
+export default _default;

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

@@ -0,0 +1,20 @@
+import { createVueAdapterContext } from "../../adapter/common/createVueAdapterContext.js";
+import { useExpose } from "../../adapter/static/useExpose.js";
+import { useAdapter } from "../../adapter/runtime/useAdapter.js";
+import base_component_default from "./base.component.js";
+import { ButtonDescriptor } from "@soxa-ui/setup";
+//#region src/components/button/setup.component.ts
+var setup_component_default = {
+	name: "_Button",
+	extends: base_component_default,
+	expose: useExpose(),
+	setup(props, { emit }) {
+		const adapter = createVueAdapterContext(ButtonDescriptor(), {
+			ctrl: props.ctrl,
+			props
+		});
+		return useAdapter(adapter, props, emit);
+	}
+};
+//#endregion
+export { setup_component_default as default };

package/dist/components/calendar/Calendar.js

@@ -0,0 +1,174 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+import Calendar_vue_vue_type_script_lang_default from "./Calendar.vue_vue_type_script_lang.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, mergeProps, openBlock, renderList, renderSlot, resolveComponent, resolveDynamicComponent, toDisplayString, vShow, withCtx, withDirectives } from "vue";
+//#region src/components/calendar/Calendar.vue
+var _hoisted_1 = { class: "so-calendar__months" };
+var _hoisted_2 = { class: "so-calendar__picker" };
+var _hoisted_3 = { class: "so-calendar__picker-header" };
+var _hoisted_4 = { "aria-hidden": "true" };
+var _hoisted_5 = { class: "so-calendar__weekdays" };
+var _hoisted_6 = {
+	key: 0,
+	class: "so-calendar__footer"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_Button = resolveComponent("Button");
+	const _component_ListBox = resolveComponent("ListBox");
+	const _component_Icon = resolveComponent("Icon");
+	const _component_Popover = resolveComponent("Popover");
+	const _component_CalendarItem = resolveComponent("CalendarItem");
+	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(() => [createElementVNode("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.grids, (grid, index) => {
+			return openBlock(), createElementBlock("div", {
+				key: index,
+				class: "so-calendar__month"
+			}, [
+				_ctx.pickers[index] ? (openBlock(), createBlock(_component_Popover, {
+					key: 0,
+					embedded: "calendar.picker",
+					class: "so-calendar__heading",
+					tag: "div",
+					contained: "",
+					edge: "top",
+					ctrl: _ctx.pickers[index].popover,
+					aria_labelledBy: _ctx.pickers[index].labelledBy
+				}, {
+					trigger: withCtx(({ triggerAria, triggerDataset }) => [createVNode(_component_Button, mergeProps({
+						embedded: "calendar.title",
+						type: "button",
+						class: "so-calendar__title",
+						size: _ctx.size,
+						disabled: _ctx.disabled
+					}, { ref_for: true }, {
+						...triggerAria,
+						...triggerDataset
+					}), {
+						default: withCtx(() => [createElementVNode("span", mergeProps({ class: "so-calendar__title-text" }, { ref_for: true }, grid.titleAria), toDisplayString(grid.title), 17)]),
+						_: 2
+					}, 1040, ["size", "disabled"])]),
+					default: withCtx(() => [createElementVNode("div", _hoisted_2, [_ctx.pickers[index].list ? (openBlock(), createBlock(_component_ListBox, {
+						key: 0,
+						embedded: "calendar.picker-list",
+						class: "so-calendar__picker-list",
+						ctrl: _ctx.pickers[index].list.ctrl,
+						engine: _ctx.pickers[index].list.engine,
+						size: _ctx.size,
+						indicator: "none",
+						aria_labelledBy: _ctx.pickers[index].labelledBy
+					}, null, 8, [
+						"ctrl",
+						"engine",
+						"size",
+						"aria_labelledBy"
+					])) : createCommentVNode("", true), createElementVNode("div", _hoisted_3, [
+						createVNode(_component_Button, mergeProps({
+							embedded: "calendar.picker-heading",
+							type: "button",
+							class: "so-calendar__picker-heading",
+							size: _ctx.size
+						}, { ref_for: true }, _ctx.pickers[index].headingAria), {
+							default: withCtx(() => [createTextVNode(toDisplayString(_ctx.pickers[index].heading), 1)]),
+							_: 2
+						}, 1040, ["size"]),
+						createVNode(_component_Button, mergeProps({
+							embedded: "calendar.picker-prev",
+							type: "button",
+							class: "so-calendar__picker-prev",
+							size: _ctx.size,
+							disabled: _ctx.pickers[index].prevDisabled
+						}, { ref_for: true }, _ctx.pickers[index].prevAria), {
+							default: withCtx(() => [createVNode(_component_Icon, {
+								embedded: "calendar.picker-prev-icon",
+								tag: _ctx.arrowIconTag,
+								size: _ctx.size
+							}, null, 8, ["tag", "size"])]),
+							_: 1
+						}, 16, ["size", "disabled"]),
+						createVNode(_component_Button, mergeProps({
+							embedded: "calendar.picker-next",
+							type: "button",
+							class: "so-calendar__picker-next",
+							size: _ctx.size,
+							disabled: _ctx.pickers[index].nextDisabled
+						}, { ref_for: true }, _ctx.pickers[index].nextAria), {
+							default: withCtx(() => [createVNode(_component_Icon, {
+								embedded: "calendar.picker-next-icon",
+								tag: _ctx.arrowIconTag,
+								size: _ctx.size
+							}, null, 8, ["tag", "size"])]),
+							_: 1
+						}, 16, ["size", "disabled"])
+					])])]),
+					_: 2
+				}, 1032, ["ctrl", "aria_labelledBy"])) : createCommentVNode("", true),
+				index === 0 ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createVNode(_component_Button, mergeProps({
+					embedded: "calendar.prev",
+					type: "button",
+					class: "so-calendar__prev",
+					size: _ctx.size,
+					disabled: _ctx.prevDisabled
+				}, { ref_for: true }, _ctx.prevAria), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "prev-icon", {}, () => [createVNode(_component_Icon, {
+						embedded: "calendar.prev-icon",
+						tag: _ctx.arrowIconTag,
+						size: _ctx.size
+					}, null, 8, ["tag", "size"])])]),
+					_: 3
+				}, 16, ["size", "disabled"]), createVNode(_component_Button, mergeProps({
+					embedded: "calendar.next",
+					type: "button",
+					class: "so-calendar__next",
+					size: _ctx.size,
+					disabled: _ctx.nextDisabled
+				}, { ref_for: true }, _ctx.nextAria), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "next-icon", {}, () => [createVNode(_component_Icon, {
+						embedded: "calendar.next-icon",
+						tag: _ctx.arrowIconTag,
+						size: _ctx.size
+					}, null, 8, ["tag", "size"])])]),
+					_: 3
+				}, 16, ["size", "disabled"])], 64)) : createCommentVNode("", true),
+				createElementVNode("table", mergeProps({ class: "so-calendar__grid" }, { ref_for: true }, grid.gridAria), [createElementVNode("thead", _hoisted_4, [createElementVNode("tr", _hoisted_5, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.weekdays, (weekday, index) => {
+					return openBlock(), createElementBlock("th", {
+						key: index,
+						class: "so-calendar__weekday"
+					}, toDisplayString(weekday.label), 1);
+				}), 128))])]), createElementVNode("tbody", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(grid.weeks, (week, place) => {
+					return openBlock(), createElementBlock("tr", {
+						key: place,
+						class: "so-calendar__week"
+					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(week, (cell) => {
+						return openBlock(), createElementBlock(Fragment, { key: cell.date }, [cell.item && _ctx.$slots.item ? (openBlock(), createBlock(_component_CalendarItem, {
+							key: 0,
+							ctrl: cell.item
+						}, {
+							default: withCtx(({ text }) => [renderSlot(_ctx.$slots, "item", {
+								item: cell.item,
+								text
+							})]),
+							_: 2
+						}, 1032, ["ctrl"])) : cell.item ? (openBlock(), createBlock(_component_CalendarItem, {
+							key: 1,
+							ctrl: cell.item
+						}, null, 8, ["ctrl"])) : (openBlock(), createElementBlock("td", mergeProps({
+							key: 2,
+							class: "so-calendar__filler"
+						}, { ref_for: true }, cell.aria), null, 16))], 64);
+					}), 128))]);
+				}), 128))])], 16)
+			]);
+		}), 128))]), _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_6, [renderSlot(_ctx.$slots, "footer")])) : createCommentVNode("", true)]),
+		_: 3
+	}, 16, ["class"])), [[vShow, _ctx.visible]]) : createCommentVNode("", true);
+}
+var Calendar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Calendar_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+export { Calendar_default as default };