@sprawlify/vue 0.0.64 → 0.0.66
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunk-BN_g-Awi.js +18 -0
- package/dist/clean-props-ChPEW0vT.js +9 -0
- package/dist/collapsible-BBV8R9Wm.js +259 -0
- package/dist/collection-DR2kMzrX.js +218 -0
- package/dist/components/accordion/index.d.ts +195 -0
- package/dist/components/accordion/index.js +361 -0
- package/dist/components/angle-slider/index.d.ts +230 -0
- package/dist/components/angle-slider/index.js +371 -0
- package/dist/components/avatar/index.d.ts +116 -0
- package/dist/components/avatar/index.js +177 -0
- package/dist/components/bottom-sheet/index.d.ts +241 -0
- package/dist/components/bottom-sheet/index.js +429 -0
- package/dist/components/carousel/index.d.ts +306 -0
- package/dist/components/carousel/index.js +500 -0
- package/dist/components/checkbox/index.d.ts +273 -0
- package/dist/components/checkbox/index.js +500 -0
- package/dist/components/client-only/index.d.ts +20 -0
- package/dist/components/client-only/index.js +22 -0
- package/dist/components/clipboard/index.d.ts +204 -0
- package/dist/components/clipboard/index.js +297 -0
- package/dist/components/collapsible/index.d.ts +163 -0
- package/dist/components/collapsible/index.js +7 -0
- package/dist/components/collection/index.d.ts +2 -0
- package/dist/components/collection/index.js +4 -0
- package/dist/components/field/index.d.ts +326 -0
- package/dist/components/field/index.js +7 -0
- package/dist/components/fieldset/index.d.ts +161 -0
- package/dist/components/fieldset/index.js +7 -0
- package/dist/components/presence/index.d.ts +3 -0
- package/dist/components/presence/index.js +6 -0
- package/dist/components/select/index.d.ts +429 -0
- package/dist/components/select/index.js +769 -0
- package/dist/core-DNndr38p.js +337 -0
- package/dist/create-split-props-YZ3qgXe_.js +11 -0
- package/dist/factory-BH3WrWd2.js +68 -0
- package/dist/factory-D_ge_w76.d.ts +8 -0
- package/dist/field-DnHnX3Tf.js +501 -0
- package/dist/fieldset-DzhN7Zrg.js +278 -0
- package/dist/index-B66Om_3U.d.ts +22 -0
- package/dist/index-DqRk-Yea.d.ts +199 -0
- package/dist/index-rHf4D8np.d.ts +57 -0
- package/dist/index.d.ts +10 -34
- package/dist/index.js +4 -551
- package/dist/presence-CvUnYMZQ.js +105 -0
- package/dist/presence-types-Bv1E60Cw.d.ts +13 -0
- package/dist/providers-B2CNPFg1.js +108 -0
- package/dist/types-Bj-dS2Hc.d.ts +9 -0
- package/dist/use-forward-expose-4p5AGAI3.js +67 -0
- package/dist/use-render-strategy-BkxoN6ll.js +7 -0
- package/dist/use-render-strategy-CHj_pCfT.d.ts +9 -0
- package/dist/utils-B4FuOOE-.js +51 -0
- package/package.json +58 -2
|
@@ -0,0 +1,195 @@
|
|
|
1
|
+
import { t as PolymorphicProps } from "../../factory-D_ge_w76.js";
|
|
2
|
+
import { i as UsePresenceProps } from "../../index-rHf4D8np.js";
|
|
3
|
+
import { a as Optional, r as EmitFn$1 } from "../../types-Bj-dS2Hc.js";
|
|
4
|
+
import { r as PropTypes } from "../../index-B66Om_3U.js";
|
|
5
|
+
import { t as RenderStrategyProps } from "../../use-render-strategy-CHj_pCfT.js";
|
|
6
|
+
import * as vue278 from "vue";
|
|
7
|
+
import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
|
|
8
|
+
import * as accordion from "@sprawlify/primitives/machines/accordion";
|
|
9
|
+
import { FocusChangeDetails, FocusChangeDetails as AccordionFocusChangeDetails, ItemProps, ItemState, ValueChangeDetails, ValueChangeDetails as AccordionValueChangeDetails, anatomy as accordionAnatomy } from "@sprawlify/primitives/machines/accordion";
|
|
10
|
+
|
|
11
|
+
//#region src/components/accordion/accordion-types.d.ts
|
|
12
|
+
interface RootProps {
|
|
13
|
+
collapsible?: boolean;
|
|
14
|
+
defaultValue?: string[];
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
id?: string;
|
|
17
|
+
ids?: Partial<{
|
|
18
|
+
root: string;
|
|
19
|
+
item(value: string): string;
|
|
20
|
+
itemContent(value: string): string;
|
|
21
|
+
itemTrigger(value: string): string;
|
|
22
|
+
}>;
|
|
23
|
+
modelValue?: string[];
|
|
24
|
+
multiple?: boolean;
|
|
25
|
+
orientation?: 'horizontal' | 'vertical';
|
|
26
|
+
}
|
|
27
|
+
type RootEmits = {
|
|
28
|
+
focusChange: [details: accordion.FocusChangeDetails];
|
|
29
|
+
valueChange: [details: accordion.ValueChangeDetails];
|
|
30
|
+
'update:modelValue': [value: string[]];
|
|
31
|
+
};
|
|
32
|
+
//#endregion
|
|
33
|
+
//#region src/components/accordion/use-accordion.d.ts
|
|
34
|
+
interface UseAccordionProps extends Optional<Omit<accordion.Props, 'dir' | 'getRootNode'>, 'id'> {
|
|
35
|
+
modelValue?: accordion.Props['value'];
|
|
36
|
+
}
|
|
37
|
+
interface UseAccordionReturn extends ComputedRef<accordion.Api<PropTypes>> {}
|
|
38
|
+
declare const useAccordion: (props?: MaybeRef<UseAccordionProps>, emit?: EmitFn$1<RootEmits>) => UseAccordionReturn;
|
|
39
|
+
//#endregion
|
|
40
|
+
//#region src/components/accordion/use-accordion-context.d.ts
|
|
41
|
+
interface UseAccordionContext extends UseAccordionReturn, UsePresenceProps {}
|
|
42
|
+
//#endregion
|
|
43
|
+
//#region src/components/accordion/accordion-context.vue.d.ts
|
|
44
|
+
interface AccordionContextProps extends SlotsType<{
|
|
45
|
+
default: UnwrapRef<UseAccordionContext>;
|
|
46
|
+
}> {}
|
|
47
|
+
declare const _default: typeof __VLS_export$7;
|
|
48
|
+
declare const __VLS_export$7: __VLS_WithSlots$7<vue278.DefineComponent<{}, {}, {}, {}, {}, vue278.ComponentOptionsMixin, vue278.ComponentOptionsMixin, {}, string, vue278.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue278.ComponentProvideOptions, true, {}, any>, {
|
|
49
|
+
default(accordion: UnwrapRef<UseAccordionContext>): unknown;
|
|
50
|
+
}>;
|
|
51
|
+
type __VLS_WithSlots$7<T, S> = T & {
|
|
52
|
+
new (): {
|
|
53
|
+
$slots: S;
|
|
54
|
+
};
|
|
55
|
+
};
|
|
56
|
+
//#endregion
|
|
57
|
+
//#region src/components/accordion/accordion-item-content.vue.d.ts
|
|
58
|
+
interface AccordionItemContentBaseProps extends PolymorphicProps {}
|
|
59
|
+
interface AccordionItemContentProps extends AccordionItemContentBaseProps,
|
|
60
|
+
/**
|
|
61
|
+
* @vue-ignore
|
|
62
|
+
*/
|
|
63
|
+
HTMLAttributes {}
|
|
64
|
+
declare const _default$2: typeof __VLS_export$6;
|
|
65
|
+
declare const __VLS_export$6: __VLS_WithSlots$6<vue278.DefineComponent<AccordionItemContentProps, {}, {}, {}, {}, vue278.ComponentOptionsMixin, vue278.ComponentOptionsMixin, {}, string, vue278.PublicProps, Readonly<AccordionItemContentProps> & Readonly<{}>, {}, {}, {}, {}, string, vue278.ComponentProvideOptions, false, {}, any>, {
|
|
66
|
+
default?: (props: {}) => any;
|
|
67
|
+
}>;
|
|
68
|
+
type __VLS_WithSlots$6<T, S> = T & {
|
|
69
|
+
new (): {
|
|
70
|
+
$slots: S;
|
|
71
|
+
};
|
|
72
|
+
};
|
|
73
|
+
//#endregion
|
|
74
|
+
//#region src/components/accordion/use-accordion-item-context.d.ts
|
|
75
|
+
interface UseAccordionItemContext extends ComputedRef<ItemState> {}
|
|
76
|
+
//#endregion
|
|
77
|
+
//#region src/components/accordion/accordion-item-context.vue.d.ts
|
|
78
|
+
interface AccordionItemContextProps extends SlotsType<{
|
|
79
|
+
default: UnwrapRef<UseAccordionItemContext>;
|
|
80
|
+
}> {}
|
|
81
|
+
declare const _default$3: typeof __VLS_export$5;
|
|
82
|
+
declare const __VLS_export$5: __VLS_WithSlots$5<vue278.DefineComponent<{}, {}, {}, {}, {}, vue278.ComponentOptionsMixin, vue278.ComponentOptionsMixin, {}, string, vue278.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue278.ComponentProvideOptions, true, {}, any>, {
|
|
83
|
+
default(item: UnwrapRef<UseAccordionItemContext>): unknown;
|
|
84
|
+
}>;
|
|
85
|
+
type __VLS_WithSlots$5<T, S> = T & {
|
|
86
|
+
new (): {
|
|
87
|
+
$slots: S;
|
|
88
|
+
};
|
|
89
|
+
};
|
|
90
|
+
//#endregion
|
|
91
|
+
//#region src/components/accordion/accordion-item-indicator.vue.d.ts
|
|
92
|
+
interface AccordionItemIndicatorBaseProps extends PolymorphicProps {}
|
|
93
|
+
interface AccordionItemIndicatorProps extends AccordionItemIndicatorBaseProps,
|
|
94
|
+
/**
|
|
95
|
+
* @vue-ignore
|
|
96
|
+
*/
|
|
97
|
+
HTMLAttributes {}
|
|
98
|
+
declare const _default$4: typeof __VLS_export$4;
|
|
99
|
+
declare const __VLS_export$4: __VLS_WithSlots$4<vue278.DefineComponent<AccordionItemIndicatorProps, {}, {}, {}, {}, vue278.ComponentOptionsMixin, vue278.ComponentOptionsMixin, {}, string, vue278.PublicProps, Readonly<AccordionItemIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, vue278.ComponentProvideOptions, false, {}, any>, {
|
|
100
|
+
default?: (props: {}) => any;
|
|
101
|
+
}>;
|
|
102
|
+
type __VLS_WithSlots$4<T, S> = T & {
|
|
103
|
+
new (): {
|
|
104
|
+
$slots: S;
|
|
105
|
+
};
|
|
106
|
+
};
|
|
107
|
+
//#endregion
|
|
108
|
+
//#region src/components/accordion/accordion-item-trigger.vue.d.ts
|
|
109
|
+
interface AccordionItemTriggerBaseProps extends PolymorphicProps {}
|
|
110
|
+
interface AccordionItemTriggerProps extends AccordionItemTriggerBaseProps,
|
|
111
|
+
/**
|
|
112
|
+
* @vue-ignore
|
|
113
|
+
*/
|
|
114
|
+
ButtonHTMLAttributes {}
|
|
115
|
+
declare const _default$5: typeof __VLS_export$3;
|
|
116
|
+
declare const __VLS_export$3: __VLS_WithSlots$3<vue278.DefineComponent<AccordionItemTriggerProps, {}, {}, {}, {}, vue278.ComponentOptionsMixin, vue278.ComponentOptionsMixin, {}, string, vue278.PublicProps, Readonly<AccordionItemTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue278.ComponentProvideOptions, false, {}, any>, {
|
|
117
|
+
default?: (props: {}) => any;
|
|
118
|
+
}>;
|
|
119
|
+
type __VLS_WithSlots$3<T, S> = T & {
|
|
120
|
+
new (): {
|
|
121
|
+
$slots: S;
|
|
122
|
+
};
|
|
123
|
+
};
|
|
124
|
+
//#endregion
|
|
125
|
+
//#region src/components/accordion/accordion-item.vue.d.ts
|
|
126
|
+
interface AccordionItemBaseProps extends ItemProps, PolymorphicProps {}
|
|
127
|
+
interface AccordionItemProps extends AccordionItemBaseProps,
|
|
128
|
+
/**
|
|
129
|
+
* @vue-ignore
|
|
130
|
+
*/
|
|
131
|
+
HTMLAttributes {}
|
|
132
|
+
declare const _default$1: typeof __VLS_export$2;
|
|
133
|
+
declare const __VLS_export$2: __VLS_WithSlots$2<vue278.DefineComponent<AccordionItemProps, {}, {}, {}, {}, vue278.ComponentOptionsMixin, vue278.ComponentOptionsMixin, {}, string, vue278.PublicProps, Readonly<AccordionItemProps> & Readonly<{}>, {}, {}, {}, {}, string, vue278.ComponentProvideOptions, false, {}, any>, {
|
|
134
|
+
default?: (props: {}) => any;
|
|
135
|
+
}>;
|
|
136
|
+
type __VLS_WithSlots$2<T, S> = T & {
|
|
137
|
+
new (): {
|
|
138
|
+
$slots: S;
|
|
139
|
+
};
|
|
140
|
+
};
|
|
141
|
+
//#endregion
|
|
142
|
+
//#region src/components/accordion/accordion-root-provider.vue.d.ts
|
|
143
|
+
interface RootProviderProps {
|
|
144
|
+
value: UnwrapRef<UseAccordionReturn>;
|
|
145
|
+
}
|
|
146
|
+
interface AccordionRootProviderBaseProps extends RootProviderProps, RenderStrategyProps, PolymorphicProps {}
|
|
147
|
+
interface AccordionRootProviderProps extends AccordionRootProviderBaseProps,
|
|
148
|
+
/**
|
|
149
|
+
* @vue-ignore
|
|
150
|
+
*/
|
|
151
|
+
HTMLAttributes {}
|
|
152
|
+
declare const _default$7: typeof __VLS_export$1;
|
|
153
|
+
declare const __VLS_export$1: __VLS_WithSlots$1<vue278.DefineComponent<AccordionRootProviderProps, {}, {}, {}, {}, vue278.ComponentOptionsMixin, vue278.ComponentOptionsMixin, {}, string, vue278.PublicProps, Readonly<AccordionRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, vue278.ComponentProvideOptions, false, {}, any>, {
|
|
154
|
+
default?: (props: {}) => any;
|
|
155
|
+
}>;
|
|
156
|
+
type __VLS_WithSlots$1<T, S> = T & {
|
|
157
|
+
new (): {
|
|
158
|
+
$slots: S;
|
|
159
|
+
};
|
|
160
|
+
};
|
|
161
|
+
//#endregion
|
|
162
|
+
//#region src/components/accordion/accordion-root.vue.d.ts
|
|
163
|
+
interface AccordionRootBaseProps extends RootProps, RenderStrategyProps, PolymorphicProps {}
|
|
164
|
+
interface AccordionRootProps extends AccordionRootBaseProps,
|
|
165
|
+
/**
|
|
166
|
+
* @vue-ignore
|
|
167
|
+
*/
|
|
168
|
+
HTMLAttributes {}
|
|
169
|
+
interface AccordionRootEmits extends RootEmits {}
|
|
170
|
+
declare const _default$6: typeof __VLS_export;
|
|
171
|
+
declare const __VLS_export: __VLS_WithSlots<vue278.DefineComponent<AccordionRootProps, {}, {}, {}, {}, vue278.ComponentOptionsMixin, vue278.ComponentOptionsMixin, {
|
|
172
|
+
valueChange: (details: accordion.ValueChangeDetails) => any;
|
|
173
|
+
"update:modelValue": (value: string[]) => any;
|
|
174
|
+
focusChange: (details: accordion.FocusChangeDetails) => any;
|
|
175
|
+
}, string, vue278.PublicProps, Readonly<AccordionRootProps> & Readonly<{
|
|
176
|
+
onValueChange?: ((details: accordion.ValueChangeDetails) => any) | undefined;
|
|
177
|
+
"onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
|
|
178
|
+
onFocusChange?: ((details: accordion.FocusChangeDetails) => any) | undefined;
|
|
179
|
+
}>, {
|
|
180
|
+
disabled: boolean;
|
|
181
|
+
multiple: boolean;
|
|
182
|
+
collapsible: boolean;
|
|
183
|
+
}, {}, {}, {}, string, vue278.ComponentProvideOptions, false, {}, any>, {
|
|
184
|
+
default?: (props: {}) => any;
|
|
185
|
+
}>;
|
|
186
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
187
|
+
new (): {
|
|
188
|
+
$slots: S;
|
|
189
|
+
};
|
|
190
|
+
};
|
|
191
|
+
declare namespace accordion_d_exports {
|
|
192
|
+
export { _default as Context, AccordionContextProps as ContextProps, FocusChangeDetails, _default$1 as Item, AccordionItemBaseProps as ItemBaseProps, _default$2 as ItemContent, AccordionItemContentBaseProps as ItemContentBaseProps, AccordionItemContentProps as ItemContentProps, _default$3 as ItemContext, AccordionItemContextProps as ItemContextProps, _default$4 as ItemIndicator, AccordionItemIndicatorBaseProps as ItemIndicatorBaseProps, AccordionItemIndicatorProps as ItemIndicatorProps, AccordionItemProps as ItemProps, _default$5 as ItemTrigger, AccordionItemTriggerBaseProps as ItemTriggerBaseProps, AccordionItemTriggerProps as ItemTriggerProps, _default$6 as Root, AccordionRootBaseProps as RootBaseProps, AccordionRootEmits as RootEmits, AccordionRootProps as RootProps, _default$7 as RootProvider, AccordionRootProviderBaseProps as RootProviderBaseProps, AccordionRootProviderProps as RootProviderProps, ValueChangeDetails };
|
|
193
|
+
}
|
|
194
|
+
//#endregion
|
|
195
|
+
export { accordion_d_exports as Accordion, _default as AccordionContext, type AccordionContextProps, type AccordionFocusChangeDetails, _default$1 as AccordionItem, type AccordionItemBaseProps, _default$2 as AccordionItemContent, type AccordionItemContentBaseProps, type AccordionItemContentProps, _default$3 as AccordionItemContext, type AccordionItemContextProps, _default$4 as AccordionItemIndicator, type AccordionItemIndicatorBaseProps, type AccordionItemIndicatorProps, type AccordionItemProps, _default$5 as AccordionItemTrigger, type AccordionItemTriggerBaseProps, type AccordionItemTriggerProps, _default$6 as AccordionRoot, type AccordionRootBaseProps, type AccordionRootEmits, type AccordionRootProps, _default$7 as AccordionRootProvider, type AccordionRootProviderBaseProps, type AccordionRootProviderProps, type AccordionValueChangeDetails, type UseAccordionContext, type UseAccordionItemContext, type UseAccordionProps, type UseAccordionReturn, accordionAnatomy, useAccordion, useAccordionContext, useAccordionItemContext };
|
|
@@ -0,0 +1,361 @@
|
|
|
1
|
+
import { t as __exportAll } from "../../chunk-BN_g-Awi.js";
|
|
2
|
+
import { n as useMachine, r as normalizeProps$1 } from "../../core-DNndr38p.js";
|
|
3
|
+
import { a as useLocaleContext, c as useEnvironmentContext, i as DEFAULT_LOCALE, s as DEFAULT_ENVIRONMENT } from "../../providers-B2CNPFg1.js";
|
|
4
|
+
import { r as createContext, t as useForwardExpose } from "../../use-forward-expose-4p5AGAI3.js";
|
|
5
|
+
import { t as sprawlify } from "../../factory-BH3WrWd2.js";
|
|
6
|
+
import { t as collapsible_exports, u as useCollapsibleContext } from "../../collapsible-BBV8R9Wm.js";
|
|
7
|
+
import { t as cleanProps } from "../../clean-props-ChPEW0vT.js";
|
|
8
|
+
import { t as createSplitProps } from "../../create-split-props-YZ3qgXe_.js";
|
|
9
|
+
import { n as useRenderStrategyProps, t as RenderStrategyPropsProvider } from "../../use-render-strategy-BkxoN6ll.js";
|
|
10
|
+
import { computed, createBlock, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderSlot, toValue, unref, useId, withCtx } from "vue";
|
|
11
|
+
import * as accordion from "@sprawlify/primitives/machines/accordion";
|
|
12
|
+
import { anatomy as accordionAnatomy } from "@sprawlify/primitives/machines/accordion";
|
|
13
|
+
|
|
14
|
+
//#region src/components/accordion/use-accordion-context.ts
|
|
15
|
+
const [AccordionProvider, useAccordionContext] = createContext("AccordionContext");
|
|
16
|
+
|
|
17
|
+
//#endregion
|
|
18
|
+
//#region src/components/accordion/accordion-context.vue?vue&type=script&setup=true&lang.ts
|
|
19
|
+
var accordion_context_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
20
|
+
__name: "accordion-context",
|
|
21
|
+
setup(__props) {
|
|
22
|
+
const accordion = useAccordionContext();
|
|
23
|
+
return (_ctx, _cache) => {
|
|
24
|
+
return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(accordion))));
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
|
|
29
|
+
//#endregion
|
|
30
|
+
//#region src/components/accordion/accordion-context.vue
|
|
31
|
+
var accordion_context_default = accordion_context_vue_vue_type_script_setup_true_lang_default;
|
|
32
|
+
|
|
33
|
+
//#endregion
|
|
34
|
+
//#region src/components/accordion/use-accordion-item-props-context.ts
|
|
35
|
+
const [AccordionItemPropsProvider, useAccordionItemPropsContext] = createContext("AccordionItemPropsContext");
|
|
36
|
+
|
|
37
|
+
//#endregion
|
|
38
|
+
//#region src/components/accordion/accordion-item-content.vue?vue&type=script&setup=true&lang.ts
|
|
39
|
+
var accordion_item_content_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
40
|
+
__name: "accordion-item-content",
|
|
41
|
+
props: { asChild: {
|
|
42
|
+
type: Boolean,
|
|
43
|
+
required: false
|
|
44
|
+
} },
|
|
45
|
+
setup(__props) {
|
|
46
|
+
const splitVisibilityProps = createSplitProps();
|
|
47
|
+
const accordion = useAccordionContext();
|
|
48
|
+
const itemProps = useAccordionItemPropsContext();
|
|
49
|
+
const itemContentProps = computed(() => {
|
|
50
|
+
const [, ownProps] = splitVisibilityProps(accordion.value.getItemContentProps(itemProps), ["hidden", "data-state"]);
|
|
51
|
+
return ownProps;
|
|
52
|
+
});
|
|
53
|
+
useForwardExpose();
|
|
54
|
+
return (_ctx, _cache) => {
|
|
55
|
+
return openBlock(), createBlock(unref(collapsible_exports).Content, mergeProps(itemContentProps.value, { "as-child": __props.asChild }), {
|
|
56
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
57
|
+
_: 3
|
|
58
|
+
}, 16, ["as-child"]);
|
|
59
|
+
};
|
|
60
|
+
}
|
|
61
|
+
});
|
|
62
|
+
|
|
63
|
+
//#endregion
|
|
64
|
+
//#region src/components/accordion/accordion-item-content.vue
|
|
65
|
+
var accordion_item_content_default = accordion_item_content_vue_vue_type_script_setup_true_lang_default;
|
|
66
|
+
|
|
67
|
+
//#endregion
|
|
68
|
+
//#region src/components/accordion/use-accordion-item-context.ts
|
|
69
|
+
const [AccordionItemProvider, useAccordionItemContext] = createContext("AccordionItemContext");
|
|
70
|
+
|
|
71
|
+
//#endregion
|
|
72
|
+
//#region src/components/accordion/accordion-item-context.vue?vue&type=script&setup=true&lang.ts
|
|
73
|
+
var accordion_item_context_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
74
|
+
__name: "accordion-item-context",
|
|
75
|
+
setup(__props) {
|
|
76
|
+
const item = useAccordionItemContext();
|
|
77
|
+
return (_ctx, _cache) => {
|
|
78
|
+
return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(item))));
|
|
79
|
+
};
|
|
80
|
+
}
|
|
81
|
+
});
|
|
82
|
+
|
|
83
|
+
//#endregion
|
|
84
|
+
//#region src/components/accordion/accordion-item-context.vue
|
|
85
|
+
var accordion_item_context_default = accordion_item_context_vue_vue_type_script_setup_true_lang_default;
|
|
86
|
+
|
|
87
|
+
//#endregion
|
|
88
|
+
//#region src/components/accordion/accordion-item-indicator.vue?vue&type=script&setup=true&lang.ts
|
|
89
|
+
var accordion_item_indicator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
90
|
+
__name: "accordion-item-indicator",
|
|
91
|
+
props: { asChild: {
|
|
92
|
+
type: Boolean,
|
|
93
|
+
required: false
|
|
94
|
+
} },
|
|
95
|
+
setup(__props) {
|
|
96
|
+
const accordion = useAccordionContext();
|
|
97
|
+
const itemProps = useAccordionItemPropsContext();
|
|
98
|
+
useForwardExpose();
|
|
99
|
+
return (_ctx, _cache) => {
|
|
100
|
+
return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(accordion).getItemIndicatorProps(unref(itemProps)), { "as-child": __props.asChild }), {
|
|
101
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
102
|
+
_: 3
|
|
103
|
+
}, 16, ["as-child"]);
|
|
104
|
+
};
|
|
105
|
+
}
|
|
106
|
+
});
|
|
107
|
+
|
|
108
|
+
//#endregion
|
|
109
|
+
//#region src/components/accordion/accordion-item-indicator.vue
|
|
110
|
+
var accordion_item_indicator_default = accordion_item_indicator_vue_vue_type_script_setup_true_lang_default;
|
|
111
|
+
|
|
112
|
+
//#endregion
|
|
113
|
+
//#region src/components/accordion/accordion-item-trigger.vue?vue&type=script&setup=true&lang.ts
|
|
114
|
+
var accordion_item_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
115
|
+
__name: "accordion-item-trigger",
|
|
116
|
+
props: { asChild: {
|
|
117
|
+
type: Boolean,
|
|
118
|
+
required: false
|
|
119
|
+
} },
|
|
120
|
+
setup(__props) {
|
|
121
|
+
const accordion = useAccordionContext();
|
|
122
|
+
const itemProps = useAccordionItemPropsContext();
|
|
123
|
+
const collapsible = useCollapsibleContext();
|
|
124
|
+
const triggerProps = computed(() => {
|
|
125
|
+
const { "aria-controls": ariaControls, ...otherProps } = accordion.value.getItemTriggerProps(itemProps);
|
|
126
|
+
return {
|
|
127
|
+
...otherProps,
|
|
128
|
+
...collapsible.value.unmounted ? {} : { "aria-controls": ariaControls }
|
|
129
|
+
};
|
|
130
|
+
});
|
|
131
|
+
useForwardExpose();
|
|
132
|
+
return (_ctx, _cache) => {
|
|
133
|
+
return openBlock(), createBlock(unref(sprawlify).button, mergeProps(triggerProps.value, { "as-child": __props.asChild }), {
|
|
134
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
135
|
+
_: 3
|
|
136
|
+
}, 16, ["as-child"]);
|
|
137
|
+
};
|
|
138
|
+
}
|
|
139
|
+
});
|
|
140
|
+
|
|
141
|
+
//#endregion
|
|
142
|
+
//#region src/components/accordion/accordion-item-trigger.vue
|
|
143
|
+
var accordion_item_trigger_default = accordion_item_trigger_vue_vue_type_script_setup_true_lang_default;
|
|
144
|
+
|
|
145
|
+
//#endregion
|
|
146
|
+
//#region src/components/accordion/accordion-item.vue?vue&type=script&setup=true&lang.ts
|
|
147
|
+
var accordion_item_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
148
|
+
__name: "accordion-item",
|
|
149
|
+
props: {
|
|
150
|
+
value: {
|
|
151
|
+
type: String,
|
|
152
|
+
required: true
|
|
153
|
+
},
|
|
154
|
+
disabled: {
|
|
155
|
+
type: Boolean,
|
|
156
|
+
required: false,
|
|
157
|
+
skipCheck: true
|
|
158
|
+
},
|
|
159
|
+
asChild: {
|
|
160
|
+
type: Boolean,
|
|
161
|
+
required: false
|
|
162
|
+
}
|
|
163
|
+
},
|
|
164
|
+
setup(__props) {
|
|
165
|
+
const accordion = useAccordionContext();
|
|
166
|
+
const props = __props;
|
|
167
|
+
const item = computed(() => accordion.value.getItemState(props));
|
|
168
|
+
const renderStrategyProps = useRenderStrategyProps();
|
|
169
|
+
const itemContentProps = computed(() => accordion.value.getItemContentProps(props));
|
|
170
|
+
AccordionItemProvider(item);
|
|
171
|
+
AccordionItemPropsProvider(props);
|
|
172
|
+
useForwardExpose();
|
|
173
|
+
return (_ctx, _cache) => {
|
|
174
|
+
return openBlock(), createBlock(unref(collapsible_exports).Root, mergeProps(unref(accordion).getItemProps(props), {
|
|
175
|
+
open: item.value.expanded,
|
|
176
|
+
"lazy-mount": unref(renderStrategyProps).lazyMount,
|
|
177
|
+
"unmount-on-exit": unref(renderStrategyProps).unmountOnExit,
|
|
178
|
+
ids: { content: itemContentProps.value.id }
|
|
179
|
+
}), {
|
|
180
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
181
|
+
_: 3
|
|
182
|
+
}, 16, [
|
|
183
|
+
"open",
|
|
184
|
+
"lazy-mount",
|
|
185
|
+
"unmount-on-exit",
|
|
186
|
+
"ids"
|
|
187
|
+
]);
|
|
188
|
+
};
|
|
189
|
+
}
|
|
190
|
+
});
|
|
191
|
+
|
|
192
|
+
//#endregion
|
|
193
|
+
//#region src/components/accordion/accordion-item.vue
|
|
194
|
+
var accordion_item_default = accordion_item_vue_vue_type_script_setup_true_lang_default;
|
|
195
|
+
|
|
196
|
+
//#endregion
|
|
197
|
+
//#region src/components/accordion/accordion-root-provider.vue?vue&type=script&setup=true&lang.ts
|
|
198
|
+
var accordion_root_provider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
199
|
+
__name: "accordion-root-provider",
|
|
200
|
+
props: {
|
|
201
|
+
value: {
|
|
202
|
+
type: null,
|
|
203
|
+
required: true
|
|
204
|
+
},
|
|
205
|
+
lazyMount: {
|
|
206
|
+
type: Boolean,
|
|
207
|
+
required: false
|
|
208
|
+
},
|
|
209
|
+
unmountOnExit: {
|
|
210
|
+
type: Boolean,
|
|
211
|
+
required: false
|
|
212
|
+
},
|
|
213
|
+
asChild: {
|
|
214
|
+
type: Boolean,
|
|
215
|
+
required: false
|
|
216
|
+
}
|
|
217
|
+
},
|
|
218
|
+
setup(__props) {
|
|
219
|
+
const props = __props;
|
|
220
|
+
const accordion = computed(() => props.value);
|
|
221
|
+
AccordionProvider(accordion);
|
|
222
|
+
RenderStrategyPropsProvider(computed(() => ({
|
|
223
|
+
lazyMount: props.lazyMount,
|
|
224
|
+
unmountOnExit: props.unmountOnExit
|
|
225
|
+
})));
|
|
226
|
+
useForwardExpose();
|
|
227
|
+
return (_ctx, _cache) => {
|
|
228
|
+
return openBlock(), createBlock(unref(sprawlify).div, mergeProps(accordion.value.getRootProps(), { "as-child": __props.asChild }), {
|
|
229
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
230
|
+
_: 3
|
|
231
|
+
}, 16, ["as-child"]);
|
|
232
|
+
};
|
|
233
|
+
}
|
|
234
|
+
});
|
|
235
|
+
|
|
236
|
+
//#endregion
|
|
237
|
+
//#region src/components/accordion/accordion-root-provider.vue
|
|
238
|
+
var accordion_root_provider_default = accordion_root_provider_vue_vue_type_script_setup_true_lang_default;
|
|
239
|
+
|
|
240
|
+
//#endregion
|
|
241
|
+
//#region src/components/accordion/use-accordion.ts
|
|
242
|
+
const useAccordion = (props = {}, emit) => {
|
|
243
|
+
const id = useId();
|
|
244
|
+
const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
|
|
245
|
+
const locale = useLocaleContext(DEFAULT_LOCALE);
|
|
246
|
+
const context = computed(() => {
|
|
247
|
+
const localeProps = toValue(props);
|
|
248
|
+
return {
|
|
249
|
+
id,
|
|
250
|
+
dir: locale.value.dir,
|
|
251
|
+
getRootNode: env?.value.getRootNode,
|
|
252
|
+
onFocusChange: (details) => emit?.("focusChange", details),
|
|
253
|
+
value: localeProps.modelValue,
|
|
254
|
+
...cleanProps(localeProps),
|
|
255
|
+
onValueChange: (details) => {
|
|
256
|
+
emit?.("valueChange", details);
|
|
257
|
+
emit?.("update:modelValue", details.value);
|
|
258
|
+
localeProps?.onValueChange?.(details);
|
|
259
|
+
}
|
|
260
|
+
};
|
|
261
|
+
});
|
|
262
|
+
const service = useMachine(accordion.machine, context);
|
|
263
|
+
return computed(() => accordion.connect(service, normalizeProps$1));
|
|
264
|
+
};
|
|
265
|
+
|
|
266
|
+
//#endregion
|
|
267
|
+
//#region src/components/accordion/accordion-root.vue?vue&type=script&setup=true&lang.ts
|
|
268
|
+
var accordion_root_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
269
|
+
__name: "accordion-root",
|
|
270
|
+
props: /* @__PURE__ */ mergeDefaults({
|
|
271
|
+
collapsible: {
|
|
272
|
+
type: Boolean,
|
|
273
|
+
required: false
|
|
274
|
+
},
|
|
275
|
+
defaultValue: {
|
|
276
|
+
type: Array,
|
|
277
|
+
required: false
|
|
278
|
+
},
|
|
279
|
+
disabled: {
|
|
280
|
+
type: Boolean,
|
|
281
|
+
required: false
|
|
282
|
+
},
|
|
283
|
+
id: {
|
|
284
|
+
type: String,
|
|
285
|
+
required: false
|
|
286
|
+
},
|
|
287
|
+
ids: {
|
|
288
|
+
type: Object,
|
|
289
|
+
required: false
|
|
290
|
+
},
|
|
291
|
+
modelValue: {
|
|
292
|
+
type: Array,
|
|
293
|
+
required: false
|
|
294
|
+
},
|
|
295
|
+
multiple: {
|
|
296
|
+
type: Boolean,
|
|
297
|
+
required: false
|
|
298
|
+
},
|
|
299
|
+
orientation: {
|
|
300
|
+
type: String,
|
|
301
|
+
required: false
|
|
302
|
+
},
|
|
303
|
+
lazyMount: {
|
|
304
|
+
type: Boolean,
|
|
305
|
+
required: false
|
|
306
|
+
},
|
|
307
|
+
unmountOnExit: {
|
|
308
|
+
type: Boolean,
|
|
309
|
+
required: false
|
|
310
|
+
},
|
|
311
|
+
asChild: {
|
|
312
|
+
type: Boolean,
|
|
313
|
+
required: false
|
|
314
|
+
}
|
|
315
|
+
}, {
|
|
316
|
+
collapsible: void 0,
|
|
317
|
+
disabled: void 0,
|
|
318
|
+
multiple: void 0
|
|
319
|
+
}),
|
|
320
|
+
emits: [
|
|
321
|
+
"focusChange",
|
|
322
|
+
"valueChange",
|
|
323
|
+
"update:modelValue"
|
|
324
|
+
],
|
|
325
|
+
setup(__props, { emit: __emit }) {
|
|
326
|
+
const props = __props;
|
|
327
|
+
const accordion = useAccordion(props, __emit);
|
|
328
|
+
AccordionProvider(accordion);
|
|
329
|
+
RenderStrategyPropsProvider(computed(() => ({
|
|
330
|
+
lazyMount: props.lazyMount,
|
|
331
|
+
unmountOnExit: props.unmountOnExit
|
|
332
|
+
})));
|
|
333
|
+
useForwardExpose();
|
|
334
|
+
return (_ctx, _cache) => {
|
|
335
|
+
return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(accordion).getRootProps(), { "as-child": __props.asChild }), {
|
|
336
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
337
|
+
_: 3
|
|
338
|
+
}, 16, ["as-child"]);
|
|
339
|
+
};
|
|
340
|
+
}
|
|
341
|
+
});
|
|
342
|
+
|
|
343
|
+
//#endregion
|
|
344
|
+
//#region src/components/accordion/accordion-root.vue
|
|
345
|
+
var accordion_root_default = accordion_root_vue_vue_type_script_setup_true_lang_default;
|
|
346
|
+
|
|
347
|
+
//#endregion
|
|
348
|
+
//#region src/components/accordion/accordion.ts
|
|
349
|
+
var accordion_exports = /* @__PURE__ */ __exportAll({
|
|
350
|
+
Context: () => accordion_context_default,
|
|
351
|
+
Item: () => accordion_item_default,
|
|
352
|
+
ItemContent: () => accordion_item_content_default,
|
|
353
|
+
ItemContext: () => accordion_item_context_default,
|
|
354
|
+
ItemIndicator: () => accordion_item_indicator_default,
|
|
355
|
+
ItemTrigger: () => accordion_item_trigger_default,
|
|
356
|
+
Root: () => accordion_root_default,
|
|
357
|
+
RootProvider: () => accordion_root_provider_default
|
|
358
|
+
});
|
|
359
|
+
|
|
360
|
+
//#endregion
|
|
361
|
+
export { accordion_exports as Accordion, accordion_context_default as AccordionContext, accordion_item_default as AccordionItem, accordion_item_content_default as AccordionItemContent, accordion_item_context_default as AccordionItemContext, accordion_item_indicator_default as AccordionItemIndicator, accordion_item_trigger_default as AccordionItemTrigger, accordion_root_default as AccordionRoot, accordion_root_provider_default as AccordionRootProvider, accordionAnatomy, useAccordion, useAccordionContext, useAccordionItemContext };
|