@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,230 @@
|
|
|
1
|
+
import { t as PolymorphicProps } from "../../factory-D_ge_w76.js";
|
|
2
|
+
import { a as Optional } from "../../types-Bj-dS2Hc.js";
|
|
3
|
+
import { r as PropTypes } from "../../index-B66Om_3U.js";
|
|
4
|
+
import * as vue40 from "vue";
|
|
5
|
+
import { ComputedRef, EmitFn, HTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
|
|
6
|
+
import * as angleSlider from "@sprawlify/primitives/machines/angle-slider";
|
|
7
|
+
import { MarkerProps, anatomy as angleSliderAnatomy } from "@sprawlify/primitives/machines/angle-slider";
|
|
8
|
+
|
|
9
|
+
//#region src/components/angle-slider/angle-slider-types.d.ts
|
|
10
|
+
interface RootProps {
|
|
11
|
+
defaultValue?: number;
|
|
12
|
+
dir?: 'ltr' | 'rtl';
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
getRootNode?: () => ShadowRoot | Document | Node;
|
|
15
|
+
id?: string;
|
|
16
|
+
ids?: Partial<{
|
|
17
|
+
root: string;
|
|
18
|
+
thumb: string;
|
|
19
|
+
hiddenInput: string;
|
|
20
|
+
control: string;
|
|
21
|
+
valueText: string;
|
|
22
|
+
}>;
|
|
23
|
+
invalid?: boolean;
|
|
24
|
+
modelValue?: number;
|
|
25
|
+
name?: string;
|
|
26
|
+
readOnly?: boolean;
|
|
27
|
+
step?: number;
|
|
28
|
+
'aria-label'?: string;
|
|
29
|
+
'aria-labelledby'?: string;
|
|
30
|
+
}
|
|
31
|
+
type RootEmits = {
|
|
32
|
+
valueChange: [details: angleSlider.ValueChangeDetails];
|
|
33
|
+
valueChangeEnd: [details: angleSlider.ValueChangeDetails];
|
|
34
|
+
'update:modelValue': [value: number];
|
|
35
|
+
};
|
|
36
|
+
//#endregion
|
|
37
|
+
//#region src/components/angle-slider/use-angle-slider.d.ts
|
|
38
|
+
interface UseAngleSliderProps extends Optional<angleSlider.Props, 'id'> {
|
|
39
|
+
modelValue?: angleSlider.Props['value'];
|
|
40
|
+
}
|
|
41
|
+
interface UseAngleSliderReturn extends ComputedRef<angleSlider.Api<PropTypes>> {}
|
|
42
|
+
declare const useAngleSlider: (props?: MaybeRef<UseAngleSliderProps>, emit?: EmitFn<RootEmits>) => UseAngleSliderReturn;
|
|
43
|
+
//#endregion
|
|
44
|
+
//#region src/components/angle-slider/use-angle-slider-context.d.ts
|
|
45
|
+
interface UseAngleSliderContext extends UseAngleSliderReturn {}
|
|
46
|
+
//#endregion
|
|
47
|
+
//#region src/components/angle-slider/angle-slider-context.vue.d.ts
|
|
48
|
+
interface AngleSliderContextProps extends SlotsType<{
|
|
49
|
+
default: UnwrapRef<UseAngleSliderContext>;
|
|
50
|
+
}> {}
|
|
51
|
+
declare const _default: typeof __VLS_export$9;
|
|
52
|
+
declare const __VLS_export$9: __VLS_WithSlots$9<vue40.DefineComponent<{}, {}, {}, {}, {}, vue40.ComponentOptionsMixin, vue40.ComponentOptionsMixin, {}, string, vue40.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue40.ComponentProvideOptions, true, {}, any>, {
|
|
53
|
+
default(angleSlider: UnwrapRef<UseAngleSliderContext>): unknown;
|
|
54
|
+
}>;
|
|
55
|
+
type __VLS_WithSlots$9<T, S> = T & {
|
|
56
|
+
new (): {
|
|
57
|
+
$slots: S;
|
|
58
|
+
};
|
|
59
|
+
};
|
|
60
|
+
//#endregion
|
|
61
|
+
//#region src/components/angle-slider/angle-slider-root.vue.d.ts
|
|
62
|
+
interface AngleSliderRootBaseProps extends RootProps, PolymorphicProps {}
|
|
63
|
+
interface AngleSliderRootProps extends AngleSliderRootBaseProps,
|
|
64
|
+
/**
|
|
65
|
+
* @vue-ignore
|
|
66
|
+
*/
|
|
67
|
+
Omit<HTMLAttributes, 'dir'> {}
|
|
68
|
+
declare const _default$6: typeof __VLS_export$8;
|
|
69
|
+
declare const __VLS_export$8: __VLS_WithSlots$8<vue40.DefineComponent<AngleSliderRootProps, {}, {}, {}, {}, vue40.ComponentOptionsMixin, vue40.ComponentOptionsMixin, {
|
|
70
|
+
valueChange: (details: angleSlider.ValueChangeDetails) => any;
|
|
71
|
+
valueChangeEnd: (details: angleSlider.ValueChangeDetails) => any;
|
|
72
|
+
"update:modelValue": (value: number) => any;
|
|
73
|
+
}, string, vue40.PublicProps, Readonly<AngleSliderRootProps> & Readonly<{
|
|
74
|
+
onValueChange?: ((details: angleSlider.ValueChangeDetails) => any) | undefined;
|
|
75
|
+
onValueChangeEnd?: ((details: angleSlider.ValueChangeDetails) => any) | undefined;
|
|
76
|
+
"onUpdate:modelValue"?: ((value: number) => any) | undefined;
|
|
77
|
+
}>, {
|
|
78
|
+
disabled: boolean;
|
|
79
|
+
invalid: boolean;
|
|
80
|
+
readOnly: boolean;
|
|
81
|
+
}, {}, {}, {}, string, vue40.ComponentProvideOptions, false, {}, any>, {
|
|
82
|
+
default?: (props: {}) => any;
|
|
83
|
+
}>;
|
|
84
|
+
type __VLS_WithSlots$8<T, S> = T & {
|
|
85
|
+
new (): {
|
|
86
|
+
$slots: S;
|
|
87
|
+
};
|
|
88
|
+
};
|
|
89
|
+
//#endregion
|
|
90
|
+
//#region src/components/angle-slider/angle-slider-control.vue.d.ts
|
|
91
|
+
interface AngleSliderControlBaseProps extends PolymorphicProps {}
|
|
92
|
+
interface AngleSliderControlProps extends AngleSliderControlBaseProps,
|
|
93
|
+
/**
|
|
94
|
+
* @vue-ignore
|
|
95
|
+
*/
|
|
96
|
+
HTMLAttributes {}
|
|
97
|
+
declare const _default$1: typeof __VLS_export$7;
|
|
98
|
+
declare const __VLS_export$7: __VLS_WithSlots$7<vue40.DefineComponent<AngleSliderControlProps, {}, {}, {}, {}, vue40.ComponentOptionsMixin, vue40.ComponentOptionsMixin, {}, string, vue40.PublicProps, Readonly<AngleSliderControlProps> & Readonly<{}>, {}, {}, {}, {}, string, vue40.ComponentProvideOptions, false, {}, any>, {
|
|
99
|
+
default?: (props: {}) => any;
|
|
100
|
+
}>;
|
|
101
|
+
type __VLS_WithSlots$7<T, S> = T & {
|
|
102
|
+
new (): {
|
|
103
|
+
$slots: S;
|
|
104
|
+
};
|
|
105
|
+
};
|
|
106
|
+
//#endregion
|
|
107
|
+
//#region src/components/angle-slider/angle-slider-hidden-input.vue.d.ts
|
|
108
|
+
interface AngleSliderHiddenInputBaseProps extends PolymorphicProps {}
|
|
109
|
+
interface AngleSliderHiddenInputProps extends AngleSliderHiddenInputBaseProps,
|
|
110
|
+
/**
|
|
111
|
+
* @vue-ignore
|
|
112
|
+
*/
|
|
113
|
+
InputHTMLAttributes {}
|
|
114
|
+
declare const _default$2: typeof __VLS_export$6;
|
|
115
|
+
declare const __VLS_export$6: __VLS_WithSlots$6<vue40.DefineComponent<AngleSliderHiddenInputProps, {}, {}, {}, {}, vue40.ComponentOptionsMixin, vue40.ComponentOptionsMixin, {}, string, vue40.PublicProps, Readonly<AngleSliderHiddenInputProps> & Readonly<{}>, {}, {}, {}, {}, string, vue40.ComponentProvideOptions, false, {}, any>, {
|
|
116
|
+
default?: (props: {}) => any;
|
|
117
|
+
}>;
|
|
118
|
+
type __VLS_WithSlots$6<T, S> = T & {
|
|
119
|
+
new (): {
|
|
120
|
+
$slots: S;
|
|
121
|
+
};
|
|
122
|
+
};
|
|
123
|
+
//#endregion
|
|
124
|
+
//#region src/components/angle-slider/angle-slider-label.vue.d.ts
|
|
125
|
+
interface AngleSliderLabelBaseProps extends PolymorphicProps {}
|
|
126
|
+
interface AngleSliderLabelProps extends AngleSliderLabelBaseProps,
|
|
127
|
+
/**
|
|
128
|
+
* @vue-ignore
|
|
129
|
+
*/
|
|
130
|
+
LabelHTMLAttributes {}
|
|
131
|
+
declare const _default$3: typeof __VLS_export$5;
|
|
132
|
+
declare const __VLS_export$5: __VLS_WithSlots$5<vue40.DefineComponent<AngleSliderLabelProps, {}, {}, {}, {}, vue40.ComponentOptionsMixin, vue40.ComponentOptionsMixin, {}, string, vue40.PublicProps, Readonly<AngleSliderLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, vue40.ComponentProvideOptions, false, {}, any>, {
|
|
133
|
+
default?: (props: {}) => any;
|
|
134
|
+
}>;
|
|
135
|
+
type __VLS_WithSlots$5<T, S> = T & {
|
|
136
|
+
new (): {
|
|
137
|
+
$slots: S;
|
|
138
|
+
};
|
|
139
|
+
};
|
|
140
|
+
//#endregion
|
|
141
|
+
//#region src/components/angle-slider/angle-slider-marker-group.vue.d.ts
|
|
142
|
+
interface AngleSliderMarkerGroupBaseProps extends PolymorphicProps {}
|
|
143
|
+
interface AngleSliderMarkerGroupProps extends AngleSliderMarkerGroupBaseProps,
|
|
144
|
+
/**
|
|
145
|
+
* @vue-ignore
|
|
146
|
+
*/
|
|
147
|
+
HTMLAttributes {}
|
|
148
|
+
declare const _default$5: typeof __VLS_export$4;
|
|
149
|
+
declare const __VLS_export$4: __VLS_WithSlots$4<vue40.DefineComponent<AngleSliderMarkerGroupProps, {}, {}, {}, {}, vue40.ComponentOptionsMixin, vue40.ComponentOptionsMixin, {}, string, vue40.PublicProps, Readonly<AngleSliderMarkerGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, vue40.ComponentProvideOptions, false, {}, any>, {
|
|
150
|
+
default?: (props: {}) => any;
|
|
151
|
+
}>;
|
|
152
|
+
type __VLS_WithSlots$4<T, S> = T & {
|
|
153
|
+
new (): {
|
|
154
|
+
$slots: S;
|
|
155
|
+
};
|
|
156
|
+
};
|
|
157
|
+
//#endregion
|
|
158
|
+
//#region src/components/angle-slider/angle-slider-marker.vue.d.ts
|
|
159
|
+
interface AngleSliderMarkerBaseProps extends MarkerProps, PolymorphicProps {}
|
|
160
|
+
interface AngleSliderMarkerProps extends AngleSliderMarkerBaseProps,
|
|
161
|
+
/**
|
|
162
|
+
* @vue-ignore
|
|
163
|
+
*/
|
|
164
|
+
HTMLAttributes {}
|
|
165
|
+
declare const _default$4: typeof __VLS_export$3;
|
|
166
|
+
declare const __VLS_export$3: __VLS_WithSlots$3<vue40.DefineComponent<AngleSliderMarkerProps, {}, {}, {}, {}, vue40.ComponentOptionsMixin, vue40.ComponentOptionsMixin, {}, string, vue40.PublicProps, Readonly<AngleSliderMarkerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue40.ComponentProvideOptions, false, {}, any>, {
|
|
167
|
+
default?: (props: {}) => any;
|
|
168
|
+
}>;
|
|
169
|
+
type __VLS_WithSlots$3<T, S> = T & {
|
|
170
|
+
new (): {
|
|
171
|
+
$slots: S;
|
|
172
|
+
};
|
|
173
|
+
};
|
|
174
|
+
//#endregion
|
|
175
|
+
//#region src/components/angle-slider/angle-slider-root-provider.vue.d.ts
|
|
176
|
+
interface RootProviderProps {
|
|
177
|
+
value: UnwrapRef<UseAngleSliderReturn>;
|
|
178
|
+
}
|
|
179
|
+
interface AngleSliderRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
|
|
180
|
+
interface AngleSliderRootProviderProps extends AngleSliderRootProviderBaseProps,
|
|
181
|
+
/**
|
|
182
|
+
* @vue-ignore
|
|
183
|
+
*/
|
|
184
|
+
HTMLAttributes {}
|
|
185
|
+
declare const _default$7: typeof __VLS_export$2;
|
|
186
|
+
declare const __VLS_export$2: __VLS_WithSlots$2<vue40.DefineComponent<AngleSliderRootProviderProps, {}, {}, {}, {}, vue40.ComponentOptionsMixin, vue40.ComponentOptionsMixin, {}, string, vue40.PublicProps, Readonly<AngleSliderRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, vue40.ComponentProvideOptions, false, {}, any>, {
|
|
187
|
+
default?: (props: {}) => any;
|
|
188
|
+
}>;
|
|
189
|
+
type __VLS_WithSlots$2<T, S> = T & {
|
|
190
|
+
new (): {
|
|
191
|
+
$slots: S;
|
|
192
|
+
};
|
|
193
|
+
};
|
|
194
|
+
//#endregion
|
|
195
|
+
//#region src/components/angle-slider/angle-slider-thumb.vue.d.ts
|
|
196
|
+
interface AngleSliderThumbBaseProps extends PolymorphicProps {}
|
|
197
|
+
interface AngleSliderThumbProps extends AngleSliderThumbBaseProps,
|
|
198
|
+
/**
|
|
199
|
+
* @vue-ignore
|
|
200
|
+
*/
|
|
201
|
+
HTMLAttributes {}
|
|
202
|
+
declare const _default$8: typeof __VLS_export$1;
|
|
203
|
+
declare const __VLS_export$1: __VLS_WithSlots$1<vue40.DefineComponent<AngleSliderThumbProps, {}, {}, {}, {}, vue40.ComponentOptionsMixin, vue40.ComponentOptionsMixin, {}, string, vue40.PublicProps, Readonly<AngleSliderThumbProps> & Readonly<{}>, {}, {}, {}, {}, string, vue40.ComponentProvideOptions, false, {}, any>, {
|
|
204
|
+
default?: (props: {}) => any;
|
|
205
|
+
}>;
|
|
206
|
+
type __VLS_WithSlots$1<T, S> = T & {
|
|
207
|
+
new (): {
|
|
208
|
+
$slots: S;
|
|
209
|
+
};
|
|
210
|
+
};
|
|
211
|
+
//#endregion
|
|
212
|
+
//#region src/components/angle-slider/angle-slider-value-text.vue.d.ts
|
|
213
|
+
interface AngleSliderValueTextBaseProps extends PolymorphicProps {}
|
|
214
|
+
interface AngleSliderValueTextProps extends AngleSliderValueTextBaseProps,
|
|
215
|
+
/**
|
|
216
|
+
* @vue-ignore
|
|
217
|
+
*/
|
|
218
|
+
HTMLAttributes {}
|
|
219
|
+
declare const _default$9: typeof __VLS_export;
|
|
220
|
+
declare const __VLS_export: __VLS_WithSlots<vue40.DefineComponent<AngleSliderValueTextProps, {}, {}, {}, {}, vue40.ComponentOptionsMixin, vue40.ComponentOptionsMixin, {}, string, vue40.PublicProps, Readonly<AngleSliderValueTextProps> & Readonly<{}>, {}, {}, {}, {}, string, vue40.ComponentProvideOptions, false, {}, any>, __VLS_Slots>;
|
|
221
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
222
|
+
new (): {
|
|
223
|
+
$slots: S;
|
|
224
|
+
};
|
|
225
|
+
};
|
|
226
|
+
declare namespace angle_slider_d_exports {
|
|
227
|
+
export { AngleSliderContextProps, AngleSliderControlBaseProps, AngleSliderControlProps, AngleSliderHiddenInputBaseProps, AngleSliderHiddenInputProps, AngleSliderLabelBaseProps, AngleSliderLabelProps, AngleSliderMarkerBaseProps, AngleSliderMarkerGroupBaseProps, AngleSliderMarkerGroupProps, AngleSliderMarkerProps, AngleSliderRootBaseProps, AngleSliderRootProps, AngleSliderRootProviderBaseProps, AngleSliderRootProviderProps, AngleSliderThumbBaseProps, AngleSliderThumbProps, AngleSliderValueTextBaseProps, AngleSliderValueTextProps, _default as Context, _default$1 as Control, _default$2 as HiddenInput, _default$3 as Label, _default$4 as Marker, _default$5 as MarkerGroup, _default$6 as Root, _default$7 as RootProvider, _default$8 as Thumb, _default$9 as ValueText };
|
|
228
|
+
}
|
|
229
|
+
//#endregion
|
|
230
|
+
export { angle_slider_d_exports as AngleSlider, _default as AngleSliderContext, type AngleSliderContextProps, _default$1 as AngleSliderControl, type AngleSliderControlBaseProps, type AngleSliderControlProps, _default$2 as AngleSliderHiddenInput, type AngleSliderHiddenInputBaseProps, type AngleSliderHiddenInputProps, _default$3 as AngleSliderLabel, type AngleSliderLabelBaseProps, type AngleSliderLabelProps, _default$4 as AngleSliderMarker, type AngleSliderMarkerBaseProps, _default$5 as AngleSliderMarkerGroup, type AngleSliderMarkerGroupBaseProps, type AngleSliderMarkerGroupProps, type AngleSliderMarkerProps, _default$6 as AngleSliderRoot, type AngleSliderRootBaseProps, type AngleSliderRootProps, _default$7 as AngleSliderRootProvider, type AngleSliderRootProviderBaseProps, type AngleSliderRootProviderProps, _default$8 as AngleSliderThumb, type AngleSliderThumbBaseProps, type AngleSliderThumbProps, _default$9 as AngleSliderValueText, type AngleSliderValueTextBaseProps, type AngleSliderValueTextProps, type UseAngleSliderContext, type UseAngleSliderProps, type UseAngleSliderReturn, angleSliderAnatomy, useAngleSlider, useAngleSliderContext };
|
|
@@ -0,0 +1,371 @@
|
|
|
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 cleanProps } from "../../clean-props-ChPEW0vT.js";
|
|
7
|
+
import { computed, createBlock, createTextVNode, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderSlot, toDisplayString, toValue, unref, useId, useSlots, withCtx } from "vue";
|
|
8
|
+
import * as angleSlider from "@sprawlify/primitives/machines/angle-slider";
|
|
9
|
+
import { anatomy as angleSliderAnatomy } from "@sprawlify/primitives/machines/angle-slider";
|
|
10
|
+
|
|
11
|
+
//#region src/components/angle-slider/use-angle-slider-context.ts
|
|
12
|
+
const [AngleSliderProvider, useAngleSliderContext] = createContext("AngleSliderContext");
|
|
13
|
+
|
|
14
|
+
//#endregion
|
|
15
|
+
//#region src/components/angle-slider/angle-slider-context.vue?vue&type=script&setup=true&lang.ts
|
|
16
|
+
var angle_slider_context_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
17
|
+
__name: "angle-slider-context",
|
|
18
|
+
setup(__props) {
|
|
19
|
+
const angleSlider = useAngleSliderContext();
|
|
20
|
+
return (_ctx, _cache) => {
|
|
21
|
+
return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(angleSlider))));
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
|
|
26
|
+
//#endregion
|
|
27
|
+
//#region src/components/angle-slider/angle-slider-context.vue
|
|
28
|
+
var angle_slider_context_default = angle_slider_context_vue_vue_type_script_setup_true_lang_default;
|
|
29
|
+
|
|
30
|
+
//#endregion
|
|
31
|
+
//#region src/components/angle-slider/use-angle-slider.ts
|
|
32
|
+
const useAngleSlider = (props = {}, emit) => {
|
|
33
|
+
const id = useId();
|
|
34
|
+
const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
|
|
35
|
+
const locale = useLocaleContext(DEFAULT_LOCALE);
|
|
36
|
+
const context = computed(() => {
|
|
37
|
+
const localProps = toValue(props);
|
|
38
|
+
return {
|
|
39
|
+
id,
|
|
40
|
+
dir: locale?.value.dir,
|
|
41
|
+
getRootNode: env?.value.getRootNode,
|
|
42
|
+
value: localProps.modelValue,
|
|
43
|
+
...cleanProps(localProps),
|
|
44
|
+
onValueChange: (details) => {
|
|
45
|
+
emit?.("valueChange", details);
|
|
46
|
+
emit?.("update:modelValue", details.value);
|
|
47
|
+
localProps.onValueChange?.(details);
|
|
48
|
+
},
|
|
49
|
+
onValueChangeEnd: (details) => {
|
|
50
|
+
emit?.("valueChangeEnd", details);
|
|
51
|
+
localProps.onValueChangeEnd?.(details);
|
|
52
|
+
}
|
|
53
|
+
};
|
|
54
|
+
});
|
|
55
|
+
const service = useMachine(angleSlider.machine, context);
|
|
56
|
+
return computed(() => angleSlider.connect(service, normalizeProps$1));
|
|
57
|
+
};
|
|
58
|
+
|
|
59
|
+
//#endregion
|
|
60
|
+
//#region src/components/angle-slider/angle-slider-root.vue?vue&type=script&setup=true&lang.ts
|
|
61
|
+
var angle_slider_root_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
62
|
+
__name: "angle-slider-root",
|
|
63
|
+
props: /* @__PURE__ */ mergeDefaults({
|
|
64
|
+
defaultValue: {
|
|
65
|
+
type: Number,
|
|
66
|
+
required: false
|
|
67
|
+
},
|
|
68
|
+
dir: {
|
|
69
|
+
type: String,
|
|
70
|
+
required: false
|
|
71
|
+
},
|
|
72
|
+
disabled: {
|
|
73
|
+
type: Boolean,
|
|
74
|
+
required: false
|
|
75
|
+
},
|
|
76
|
+
getRootNode: {
|
|
77
|
+
type: Function,
|
|
78
|
+
required: false
|
|
79
|
+
},
|
|
80
|
+
id: {
|
|
81
|
+
type: String,
|
|
82
|
+
required: false
|
|
83
|
+
},
|
|
84
|
+
ids: {
|
|
85
|
+
type: Object,
|
|
86
|
+
required: false
|
|
87
|
+
},
|
|
88
|
+
invalid: {
|
|
89
|
+
type: Boolean,
|
|
90
|
+
required: false
|
|
91
|
+
},
|
|
92
|
+
modelValue: {
|
|
93
|
+
type: Number,
|
|
94
|
+
required: false
|
|
95
|
+
},
|
|
96
|
+
name: {
|
|
97
|
+
type: String,
|
|
98
|
+
required: false
|
|
99
|
+
},
|
|
100
|
+
readOnly: {
|
|
101
|
+
type: Boolean,
|
|
102
|
+
required: false
|
|
103
|
+
},
|
|
104
|
+
step: {
|
|
105
|
+
type: Number,
|
|
106
|
+
required: false
|
|
107
|
+
},
|
|
108
|
+
"aria-label": {
|
|
109
|
+
type: String,
|
|
110
|
+
required: false
|
|
111
|
+
},
|
|
112
|
+
"aria-labelledby": {
|
|
113
|
+
type: String,
|
|
114
|
+
required: false
|
|
115
|
+
},
|
|
116
|
+
asChild: {
|
|
117
|
+
type: Boolean,
|
|
118
|
+
required: false
|
|
119
|
+
}
|
|
120
|
+
}, {
|
|
121
|
+
disabled: void 0,
|
|
122
|
+
invalid: void 0,
|
|
123
|
+
readOnly: void 0
|
|
124
|
+
}),
|
|
125
|
+
emits: [
|
|
126
|
+
"valueChange",
|
|
127
|
+
"valueChangeEnd",
|
|
128
|
+
"update:modelValue"
|
|
129
|
+
],
|
|
130
|
+
setup(__props, { emit: __emit }) {
|
|
131
|
+
const angleSlider = useAngleSlider(__props, __emit);
|
|
132
|
+
AngleSliderProvider(angleSlider);
|
|
133
|
+
useForwardExpose();
|
|
134
|
+
return (_ctx, _cache) => {
|
|
135
|
+
return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(angleSlider).getRootProps(), { "as-child": __props.asChild }), {
|
|
136
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
137
|
+
_: 3
|
|
138
|
+
}, 16, ["as-child"]);
|
|
139
|
+
};
|
|
140
|
+
}
|
|
141
|
+
});
|
|
142
|
+
|
|
143
|
+
//#endregion
|
|
144
|
+
//#region src/components/angle-slider/angle-slider-root.vue
|
|
145
|
+
var angle_slider_root_default = angle_slider_root_vue_vue_type_script_setup_true_lang_default;
|
|
146
|
+
|
|
147
|
+
//#endregion
|
|
148
|
+
//#region src/components/angle-slider/angle-slider-control.vue?vue&type=script&setup=true&lang.ts
|
|
149
|
+
var angle_slider_control_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
150
|
+
__name: "angle-slider-control",
|
|
151
|
+
props: { asChild: {
|
|
152
|
+
type: Boolean,
|
|
153
|
+
required: false
|
|
154
|
+
} },
|
|
155
|
+
setup(__props) {
|
|
156
|
+
const angleSlider = useAngleSliderContext();
|
|
157
|
+
useForwardExpose();
|
|
158
|
+
return (_ctx, _cache) => {
|
|
159
|
+
return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(angleSlider).getControlProps(), { "as-child": __props.asChild }), {
|
|
160
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
161
|
+
_: 3
|
|
162
|
+
}, 16, ["as-child"]);
|
|
163
|
+
};
|
|
164
|
+
}
|
|
165
|
+
});
|
|
166
|
+
|
|
167
|
+
//#endregion
|
|
168
|
+
//#region src/components/angle-slider/angle-slider-control.vue
|
|
169
|
+
var angle_slider_control_default = angle_slider_control_vue_vue_type_script_setup_true_lang_default;
|
|
170
|
+
|
|
171
|
+
//#endregion
|
|
172
|
+
//#region src/components/angle-slider/angle-slider-hidden-input.vue?vue&type=script&setup=true&lang.ts
|
|
173
|
+
var angle_slider_hidden_input_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
174
|
+
__name: "angle-slider-hidden-input",
|
|
175
|
+
props: { asChild: {
|
|
176
|
+
type: Boolean,
|
|
177
|
+
required: false
|
|
178
|
+
} },
|
|
179
|
+
setup(__props) {
|
|
180
|
+
const angleSlider = useAngleSliderContext();
|
|
181
|
+
useForwardExpose();
|
|
182
|
+
return (_ctx, _cache) => {
|
|
183
|
+
return openBlock(), createBlock(unref(sprawlify).input, mergeProps(unref(angleSlider).getHiddenInputProps(), { "as-child": __props.asChild }), {
|
|
184
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
185
|
+
_: 3
|
|
186
|
+
}, 16, ["as-child"]);
|
|
187
|
+
};
|
|
188
|
+
}
|
|
189
|
+
});
|
|
190
|
+
|
|
191
|
+
//#endregion
|
|
192
|
+
//#region src/components/angle-slider/angle-slider-hidden-input.vue
|
|
193
|
+
var angle_slider_hidden_input_default = angle_slider_hidden_input_vue_vue_type_script_setup_true_lang_default;
|
|
194
|
+
|
|
195
|
+
//#endregion
|
|
196
|
+
//#region src/components/angle-slider/angle-slider-label.vue?vue&type=script&setup=true&lang.ts
|
|
197
|
+
var angle_slider_label_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
198
|
+
__name: "angle-slider-label",
|
|
199
|
+
props: { asChild: {
|
|
200
|
+
type: Boolean,
|
|
201
|
+
required: false
|
|
202
|
+
} },
|
|
203
|
+
setup(__props) {
|
|
204
|
+
const angleSlider = useAngleSliderContext();
|
|
205
|
+
useForwardExpose();
|
|
206
|
+
return (_ctx, _cache) => {
|
|
207
|
+
return openBlock(), createBlock(unref(sprawlify).label, mergeProps(unref(angleSlider).getLabelProps(), { "as-child": __props.asChild }), {
|
|
208
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
209
|
+
_: 3
|
|
210
|
+
}, 16, ["as-child"]);
|
|
211
|
+
};
|
|
212
|
+
}
|
|
213
|
+
});
|
|
214
|
+
|
|
215
|
+
//#endregion
|
|
216
|
+
//#region src/components/angle-slider/angle-slider-label.vue
|
|
217
|
+
var angle_slider_label_default = angle_slider_label_vue_vue_type_script_setup_true_lang_default;
|
|
218
|
+
|
|
219
|
+
//#endregion
|
|
220
|
+
//#region src/components/angle-slider/angle-slider-marker-group.vue?vue&type=script&setup=true&lang.ts
|
|
221
|
+
var angle_slider_marker_group_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
222
|
+
__name: "angle-slider-marker-group",
|
|
223
|
+
props: { asChild: {
|
|
224
|
+
type: Boolean,
|
|
225
|
+
required: false
|
|
226
|
+
} },
|
|
227
|
+
setup(__props) {
|
|
228
|
+
const angleSlider = useAngleSliderContext();
|
|
229
|
+
useForwardExpose();
|
|
230
|
+
return (_ctx, _cache) => {
|
|
231
|
+
return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(angleSlider).getMarkerGroupProps(), { "as-child": __props.asChild }), {
|
|
232
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
233
|
+
_: 3
|
|
234
|
+
}, 16, ["as-child"]);
|
|
235
|
+
};
|
|
236
|
+
}
|
|
237
|
+
});
|
|
238
|
+
|
|
239
|
+
//#endregion
|
|
240
|
+
//#region src/components/angle-slider/angle-slider-marker-group.vue
|
|
241
|
+
var angle_slider_marker_group_default = angle_slider_marker_group_vue_vue_type_script_setup_true_lang_default;
|
|
242
|
+
|
|
243
|
+
//#endregion
|
|
244
|
+
//#region src/components/angle-slider/angle-slider-marker.vue?vue&type=script&setup=true&lang.ts
|
|
245
|
+
var angle_slider_marker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
246
|
+
__name: "angle-slider-marker",
|
|
247
|
+
props: {
|
|
248
|
+
value: {
|
|
249
|
+
type: Number,
|
|
250
|
+
required: true
|
|
251
|
+
},
|
|
252
|
+
asChild: {
|
|
253
|
+
type: Boolean,
|
|
254
|
+
required: false
|
|
255
|
+
}
|
|
256
|
+
},
|
|
257
|
+
setup(__props) {
|
|
258
|
+
const props = __props;
|
|
259
|
+
const angleSlider = useAngleSliderContext();
|
|
260
|
+
useForwardExpose();
|
|
261
|
+
return (_ctx, _cache) => {
|
|
262
|
+
return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(angleSlider).getMarkerProps(props), { "as-child": __props.asChild }), {
|
|
263
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
264
|
+
_: 3
|
|
265
|
+
}, 16, ["as-child"]);
|
|
266
|
+
};
|
|
267
|
+
}
|
|
268
|
+
});
|
|
269
|
+
|
|
270
|
+
//#endregion
|
|
271
|
+
//#region src/components/angle-slider/angle-slider-marker.vue
|
|
272
|
+
var angle_slider_marker_default = angle_slider_marker_vue_vue_type_script_setup_true_lang_default;
|
|
273
|
+
|
|
274
|
+
//#endregion
|
|
275
|
+
//#region src/components/angle-slider/angle-slider-root-provider.vue?vue&type=script&setup=true&lang.ts
|
|
276
|
+
var angle_slider_root_provider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
277
|
+
__name: "angle-slider-root-provider",
|
|
278
|
+
props: {
|
|
279
|
+
value: {
|
|
280
|
+
type: null,
|
|
281
|
+
required: true
|
|
282
|
+
},
|
|
283
|
+
asChild: {
|
|
284
|
+
type: Boolean,
|
|
285
|
+
required: false
|
|
286
|
+
}
|
|
287
|
+
},
|
|
288
|
+
setup(__props) {
|
|
289
|
+
const props = __props;
|
|
290
|
+
const angleSlider = computed(() => props.value);
|
|
291
|
+
AngleSliderProvider(angleSlider);
|
|
292
|
+
useForwardExpose();
|
|
293
|
+
return (_ctx, _cache) => {
|
|
294
|
+
return openBlock(), createBlock(unref(sprawlify).div, mergeProps(angleSlider.value.getRootProps(), { "as-child": __props.asChild }), {
|
|
295
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
296
|
+
_: 3
|
|
297
|
+
}, 16, ["as-child"]);
|
|
298
|
+
};
|
|
299
|
+
}
|
|
300
|
+
});
|
|
301
|
+
|
|
302
|
+
//#endregion
|
|
303
|
+
//#region src/components/angle-slider/angle-slider-root-provider.vue
|
|
304
|
+
var angle_slider_root_provider_default = angle_slider_root_provider_vue_vue_type_script_setup_true_lang_default;
|
|
305
|
+
|
|
306
|
+
//#endregion
|
|
307
|
+
//#region src/components/angle-slider/angle-slider-thumb.vue?vue&type=script&setup=true&lang.ts
|
|
308
|
+
var angle_slider_thumb_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
309
|
+
__name: "angle-slider-thumb",
|
|
310
|
+
props: { asChild: {
|
|
311
|
+
type: Boolean,
|
|
312
|
+
required: false
|
|
313
|
+
} },
|
|
314
|
+
setup(__props) {
|
|
315
|
+
const angleSlider = useAngleSliderContext();
|
|
316
|
+
useForwardExpose();
|
|
317
|
+
return (_ctx, _cache) => {
|
|
318
|
+
return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(angleSlider).getThumbProps(), { "as-child": __props.asChild }), {
|
|
319
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
320
|
+
_: 3
|
|
321
|
+
}, 16, ["as-child"]);
|
|
322
|
+
};
|
|
323
|
+
}
|
|
324
|
+
});
|
|
325
|
+
|
|
326
|
+
//#endregion
|
|
327
|
+
//#region src/components/angle-slider/angle-slider-thumb.vue
|
|
328
|
+
var angle_slider_thumb_default = angle_slider_thumb_vue_vue_type_script_setup_true_lang_default;
|
|
329
|
+
|
|
330
|
+
//#endregion
|
|
331
|
+
//#region src/components/angle-slider/angle-slider-value-text.vue?vue&type=script&setup=true&lang.ts
|
|
332
|
+
var angle_slider_value_text_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
333
|
+
__name: "angle-slider-value-text",
|
|
334
|
+
props: { asChild: {
|
|
335
|
+
type: Boolean,
|
|
336
|
+
required: false
|
|
337
|
+
} },
|
|
338
|
+
setup(__props) {
|
|
339
|
+
const angleSlider = useAngleSliderContext();
|
|
340
|
+
const slots = useSlots();
|
|
341
|
+
useForwardExpose();
|
|
342
|
+
return (_ctx, _cache) => {
|
|
343
|
+
return openBlock(), createBlock(unref(sprawlify).span, mergeProps(unref(angleSlider).getValueTextProps(), { "as-child": __props.asChild }), {
|
|
344
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(slots.default?.() || unref(angleSlider).valueAsDegree), 1)])]),
|
|
345
|
+
_: 3
|
|
346
|
+
}, 16, ["as-child"]);
|
|
347
|
+
};
|
|
348
|
+
}
|
|
349
|
+
});
|
|
350
|
+
|
|
351
|
+
//#endregion
|
|
352
|
+
//#region src/components/angle-slider/angle-slider-value-text.vue
|
|
353
|
+
var angle_slider_value_text_default = angle_slider_value_text_vue_vue_type_script_setup_true_lang_default;
|
|
354
|
+
|
|
355
|
+
//#endregion
|
|
356
|
+
//#region src/components/angle-slider/angle-slider.ts
|
|
357
|
+
var angle_slider_exports = /* @__PURE__ */ __exportAll({
|
|
358
|
+
Context: () => angle_slider_context_default,
|
|
359
|
+
Control: () => angle_slider_control_default,
|
|
360
|
+
HiddenInput: () => angle_slider_hidden_input_default,
|
|
361
|
+
Label: () => angle_slider_label_default,
|
|
362
|
+
Marker: () => angle_slider_marker_default,
|
|
363
|
+
MarkerGroup: () => angle_slider_marker_group_default,
|
|
364
|
+
Root: () => angle_slider_root_default,
|
|
365
|
+
RootProvider: () => angle_slider_root_provider_default,
|
|
366
|
+
Thumb: () => angle_slider_thumb_default,
|
|
367
|
+
ValueText: () => angle_slider_value_text_default
|
|
368
|
+
});
|
|
369
|
+
|
|
370
|
+
//#endregion
|
|
371
|
+
export { angle_slider_exports as AngleSlider, angle_slider_context_default as AngleSliderContext, angle_slider_control_default as AngleSliderControl, angle_slider_hidden_input_default as AngleSliderHiddenInput, angle_slider_label_default as AngleSliderLabel, angle_slider_marker_default as AngleSliderMarker, angle_slider_marker_group_default as AngleSliderMarkerGroup, angle_slider_root_default as AngleSliderRoot, angle_slider_root_provider_default as AngleSliderRootProvider, angle_slider_thumb_default as AngleSliderThumb, angle_slider_value_text_default as AngleSliderValueText, angleSliderAnatomy, useAngleSlider, useAngleSliderContext };
|