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

package/dist/components/accordion/Accordion.js

@@ -0,0 +1,37 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+import Accordion_vue_vue_type_script_lang_default from "./Accordion.vue_vue_type_script_lang.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createSlots, mergeProps, openBlock, renderList, renderSlot, resolveComponent, vShow, withCtx, withDirectives } from "vue";
+//#region src/components/accordion/Accordion.vue
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_AccordionItem = resolveComponent("AccordionItem");
+	return _ctx.rendered ? withDirectives((openBlock(), createElementBlock("div", mergeProps({
+		key: 0,
+		ref: "rootElement",
+		class: _ctx.classes
+	}, _ctx.attrs), [renderSlot(_ctx.$slots, "default", {}, () => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.shown, (entry) => {
+		return openBlock(), createElementBlock(Fragment, { key: entry.uid }, [!(_ctx.$slots.item || _ctx.$slots["item-leading"] || _ctx.$slots["item-trailing"] || _ctx.$slots["item-arrow-icon"] || _ctx.$slots["item-content"]) ? (openBlock(), createBlock(_component_AccordionItem, {
+			key: 0,
+			ctrl: entry
+		}, null, 8, ["ctrl"])) : (openBlock(), createBlock(_component_AccordionItem, {
+			key: 1,
+			ctrl: entry
+		}, createSlots({
+			leading: withCtx(({ item }) => [renderSlot(_ctx.$slots, "item-leading", { item })]),
+			header: withCtx(({ item, text, selected }) => [renderSlot(_ctx.$slots, "item", {
+				item,
+				text,
+				selected
+			})]),
+			trailing: withCtx(({ item }) => [renderSlot(_ctx.$slots, "item-trailing", { item })]),
+			default: withCtx(({ item }) => [renderSlot(_ctx.$slots, "item-content", { item })]),
+			_: 2
+		}, [_ctx.$slots["item-arrow-icon"] ? {
+			name: "arrow-icon",
+			fn: withCtx(({ item }) => [renderSlot(_ctx.$slots, "item-arrow-icon", { item })]),
+			key: "0"
+		} : void 0]), 1032, ["ctrl"]))], 64);
+	}), 128))])], 16)), [[vShow, _ctx.visible]]) : createCommentVNode("", true);
+}
+var Accordion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Accordion_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+export { Accordion_default as default };

package/dist/components/accordion/Accordion.vue.d.ts

@@ -0,0 +1,256 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    view?: import("@soxa-ui/core").TAccordionView | undefined;
+    disabled?: boolean | undefined;
+    focused?: boolean | undefined;
+    size?: import("@soxa-ui/core").TComponentSize | undefined;
+    variant?: import("@soxa-ui/core").TComponentVariant | undefined;
+    rendered?: boolean | undefined;
+    visible?: boolean | undefined;
+    tag?: string | object | undefined;
+    direction?: import("@soxa-ui/core").TDirection | undefined;
+    engine?: import("@soxa-ui/core").TAccordionCollectionFacadeEngine | undefined;
+    items?: readonly (import("@soxa-ui/core").IAccordionItem<import("@soxa-ui/core").IAccordionItemProps, import("@soxa-ui/core").TAccordionItemEvents> | import("@soxa-ui/core").TCollectionEngineItemSource<import("@soxa-ui/core").IAccordionItemProps>)[] | undefined;
+    trackBy?: ((item: import("@soxa-ui/core").IAccordionItem<import("@soxa-ui/core").IAccordionItemProps, import("@soxa-ui/core").TAccordionItemEvents> | import("@soxa-ui/core").TCollectionEngineItemSource<import("@soxa-ui/core").IAccordionItem<import("@soxa-ui/core").IAccordionItemProps, import("@soxa-ui/core").TAccordionItemEvents>>) => unknown) | undefined;
+    mode?: import("@soxa-ui/core").TSelectionMode | undefined;
+    aria_label?: string | undefined;
+    aria_labelledBy?: string | undefined;
+    aria_describedBy?: string | undefined;
+    ctrl?: import("@soxa-ui/core").IAccordion | undefined;
+    embedded?: string | undefined;
+    pluginProps?: import("@soxa-ui/setup").TExternalPluginProps | undefined;
+}, import("../../adapter/runtime/useAdapter").TBindingFields<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IAccordion, {
+    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").AccordionProps> & import("../../adapter/runtime/useAdapter").TExtractControllerState<object & import("@soxa-ui/core").IAccordion> & import("@soxa-ui/setup").TInstanceState<object & {} & {} & {} & {} & {} & {} & {} & {}> & {
+    plugins: import("@soxa-ui/plugins").IPluginBundle | null;
+} & import("../../adapter/runtime/useAdapter").TExtractControllerState<object & import("@soxa-ui/core").TAccordionCollectionFacade> & object, {}, {}, {}, import("vue").ComponentOptionsMixin, {
+    name: string;
+    emits: import("../../types").TEmits;
+    props: Readonly<Record<string, unknown>>;
+}, {}, string, import("vue").PublicProps, Readonly<{
+    view?: import("@soxa-ui/core").TAccordionView | undefined;
+    disabled?: boolean | undefined;
+    focused?: boolean | undefined;
+    size?: import("@soxa-ui/core").TComponentSize | undefined;
+    variant?: import("@soxa-ui/core").TComponentVariant | undefined;
+    rendered?: boolean | undefined;
+    visible?: boolean | undefined;
+    tag?: string | object | undefined;
+    direction?: import("@soxa-ui/core").TDirection | undefined;
+    engine?: import("@soxa-ui/core").TAccordionCollectionFacadeEngine | undefined;
+    items?: readonly (import("@soxa-ui/core").IAccordionItem<import("@soxa-ui/core").IAccordionItemProps, import("@soxa-ui/core").TAccordionItemEvents> | import("@soxa-ui/core").TCollectionEngineItemSource<import("@soxa-ui/core").IAccordionItemProps>)[] | undefined;
+    trackBy?: ((item: import("@soxa-ui/core").IAccordionItem<import("@soxa-ui/core").IAccordionItemProps, import("@soxa-ui/core").TAccordionItemEvents> | import("@soxa-ui/core").TCollectionEngineItemSource<import("@soxa-ui/core").IAccordionItem<import("@soxa-ui/core").IAccordionItemProps, import("@soxa-ui/core").TAccordionItemEvents>>) => unknown) | undefined;
+    mode?: import("@soxa-ui/core").TSelectionMode | undefined;
+    aria_label?: string | undefined;
+    aria_labelledBy?: string | undefined;
+    aria_describedBy?: string | undefined;
+    ctrl?: import("@soxa-ui/core").IAccordion | undefined;
+    embedded?: string | undefined;
+    pluginProps?: import("@soxa-ui/setup").TExternalPluginProps | undefined;
+}> & Readonly<{}>, {}, {}, {
+    AccordionItem: import("../../adapter").TClosedComponent<import("vue").DefineComponent<{
+        name?: string | undefined;
+        rendered?: boolean | undefined;
+        visible?: boolean | undefined;
+        tag?: string | object | undefined;
+        direction?: import("@soxa-ui/core").TDirection | undefined;
+        text?: string | undefined;
+        disabled?: boolean | undefined;
+        focused?: boolean | undefined;
+        selected?: boolean | undefined;
+        value?: string | number | undefined;
+        arrowPlacement?: import("@soxa-ui/core").TAccordionArrowPlacement | undefined;
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+        id?: string | undefined;
+        ctrl?: import("@soxa-ui/core").IAccordionItem<import("@soxa-ui/core").IAccordionItemProps, import("@soxa-ui/core").TAccordionItemEvents> | 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").IAccordionItem<import("@soxa-ui/core").IAccordionItemProps, import("@soxa-ui/core").TAccordionItemEvents>, {
+        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("../../adapter/runtime/useAdapter").TUnwrapRefs<import("./item").AccordionItemProps> & import("../../adapter/runtime/useAdapter").TExtractControllerState<object & import("@soxa-ui/core").IAccordionItem<import("@soxa-ui/core").IAccordionItemProps, import("@soxa-ui/core").TAccordionItemEvents>> & import("@soxa-ui/setup").TInstanceState<object & {} & {} & {} & {} & {} & {} & {}> & {
+        plugins: import("@soxa-ui/plugins").IPluginBundle | null;
+    } & import("../../adapter/runtime/useAdapter").TExtractControllerState<object & import("@soxa-ui/core").TAccordionItemCollectionFacade> & object, "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").IAccordionItem<import("@soxa-ui/core").IAccordionItemProps, import("@soxa-ui/core").TAccordionItemEvents>, import("@soxa-ui/core").TAccordionCollectionExtensions> | undefined;
+        arrowIconTag: import("vue").Component;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, {
+        name: string;
+        emits: import("../../types").TEmits;
+        props: Readonly<Record<string, unknown>>;
+    }, {}, string, import("vue").PublicProps, Readonly<{
+        name?: string | undefined;
+        rendered?: boolean | undefined;
+        visible?: boolean | undefined;
+        tag?: string | object | undefined;
+        direction?: import("@soxa-ui/core").TDirection | undefined;
+        text?: string | undefined;
+        disabled?: boolean | undefined;
+        focused?: boolean | undefined;
+        selected?: boolean | undefined;
+        value?: string | number | undefined;
+        arrowPlacement?: import("@soxa-ui/core").TAccordionArrowPlacement | undefined;
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+        id?: string | undefined;
+        ctrl?: import("@soxa-ui/core").IAccordionItem<import("@soxa-ui/core").IAccordionItemProps, import("@soxa-ui/core").TAccordionItemEvents> | undefined;
+        embedded?: string | undefined;
+        pluginProps?: import("@soxa-ui/setup").TExternalPluginProps | undefined;
+    }> & Readonly<{}>, {}, {}, {
+        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>>;
+        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/accordion/Accordion.vue_vue_type_script_lang.js

@@ -0,0 +1,9 @@
+import { AccordionItem } from "./item/index.js";
+import setup_component_default from "./setup.component.js";
+//#region src/components/accordion/Accordion.vue?vue&type=script&lang.ts
+var Accordion_vue_vue_type_script_lang_default = {
+	...setup_component_default,
+	components: { AccordionItem }
+};
+//#endregion
+export { Accordion_vue_vue_type_script_lang_default as default };

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

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

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

@@ -0,0 +1,16 @@
+import { useProps } from "../../adapter/static/useProps.js";
+import { useEmits } from "../../adapter/static/useEmits.js";
+import { AccordionCollectionDescriptor, AccordionDescriptor } from "@soxa-ui/setup";
+//#region src/components/accordion/base.component.ts
+var emitsAccordion = [...useEmits(AccordionDescriptor()), ...useEmits(AccordionCollectionDescriptor())];
+var propsAccordion = {
+	...useProps(AccordionDescriptor()),
+	...useProps(AccordionCollectionDescriptor())
+};
+var base_component_default = {
+	name: "BaseAccordion",
+	emits: emitsAccordion,
+	props: propsAccordion
+};
+//#endregion
+export { base_component_default as default, emitsAccordion, propsAccordion };