@vuetify/v0 0.0.2-beta.3 → 0.0.2-beta.4
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/components/index.d.mts +5 -0
- package/dist/components/index.mjs +7 -0
- package/dist/components-B5iiovK7.mjs +579 -0
- package/dist/composables/index.d.mts +5 -0
- package/dist/composables/index.mjs +7 -0
- package/dist/composables-C6dl5kjP.mjs +614 -0
- package/dist/createTrinity-CwGvQ2ng.mjs +79 -0
- package/dist/factories/index.d.mts +3 -0
- package/dist/factories/index.mjs +4 -0
- package/dist/factories-DOLmqhVS.mjs +0 -0
- package/dist/index-BA3ZFBnL.d.mts +11 -0
- package/dist/index-CZRh0I2w.d.mts +19 -0
- package/dist/index-ChaaTPKp.d.mts +421 -0
- package/dist/index-Cya5Y9pB.d.mts +412 -0
- package/dist/index-D4Grk5x1.d.mts +23 -0
- package/dist/index-DfahEz6s.d.mts +18 -0
- package/dist/index-jG0yrC1F.d.mts +467 -0
- package/dist/index-oCBJwhpG.d.mts +43 -0
- package/dist/index.d.mts +9 -1378
- package/dist/index.mjs +7 -2586
- package/dist/transformers/index.d.mts +2 -0
- package/dist/transformers/index.mjs +4 -0
- package/dist/transformers-BTjuwbOV.mjs +122 -0
- package/dist/types/index.d.mts +2 -0
- package/dist/types/index.mjs +0 -0
- package/dist/useTheme-tY7MoBKr.mjs +1198 -0
- package/dist/utilities/index.d.mts +3 -0
- package/dist/utilities/index.mjs +3 -0
- package/dist/utilities-lZSfrXgw.mjs +86 -0
- package/package.json +46 -9
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import "../index-BA3ZFBnL.mjs";
|
|
2
|
+
import { AtomExpose, AtomProps, AtomSlots, Breakpoints, Context, Group, GroupItemProps, GroupItemSlots, GroupRootProps, GroupRootSlots, Popover, PopoverAnchorProps, PopoverContentEmits, PopoverContentProps, PopoverContext, PopoverRootProps, Step, StepItemProps, StepItemSlots, StepRootProps, StepRootSlots, Theme, ThemeRootProps, ThemeRootSlots, ThemeSlots, _default as _default$2, _default$1 as _default, _default$2 as _default$1, providePopoverContext, usePopoverContext } from "../index-jG0yrC1F.mjs";
|
|
3
|
+
import "../index-ChaaTPKp.mjs";
|
|
4
|
+
import "../index-DfahEz6s.mjs";
|
|
5
|
+
export { _default$1 as Atom, AtomExpose, AtomProps, AtomSlots, Breakpoints, Context, Group, GroupItemProps, GroupItemSlots, GroupRootProps, GroupRootSlots, _default as Hydration, _default$2 as HydrationRoot, Popover, PopoverAnchorProps, PopoverContentEmits, PopoverContentProps, PopoverContext, PopoverRootProps, Step, StepItemProps, StepItemSlots, StepRootProps, StepRootSlots, Theme, ThemeRootProps, ThemeRootSlots, ThemeSlots, providePopoverContext, usePopoverContext };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Atom_default, Breakpoints, Context, Group, HydrationRoot_default, Hydration_default, Popover, Step, Theme, providePopoverContext, usePopoverContext } from "../components-B5iiovK7.mjs";
|
|
2
|
+
import "../createTrinity-CwGvQ2ng.mjs";
|
|
3
|
+
import "../useTheme-tY7MoBKr.mjs";
|
|
4
|
+
import "../utilities-lZSfrXgw.mjs";
|
|
5
|
+
import "../transformers-BTjuwbOV.mjs";
|
|
6
|
+
|
|
7
|
+
export { Atom_default as Atom, Breakpoints, Context, Group, Hydration_default as Hydration, HydrationRoot_default as HydrationRoot, Popover, Step, Theme, providePopoverContext, usePopoverContext };
|
|
@@ -0,0 +1,579 @@
|
|
|
1
|
+
import { createContext } from "./createTrinity-CwGvQ2ng.mjs";
|
|
2
|
+
import { createBreakpoints, createHydration, createTheme, provideBreakpointsContext, provideHydrationContext, useBreakpoints, useGroup, useHydration, useStep, useTheme } from "./useTheme-tY7MoBKr.mjs";
|
|
3
|
+
import { Fragment, createBlock, createCommentVNode, createElementBlock, createPropsRestProxy, defineComponent, guardReactiveProps, mergeModels, mergeProps, normalizeProps, normalizeStyle, onMounted, onUnmounted, openBlock, renderSlot, resolveDynamicComponent, toRef, unref, useAttrs, useId, useModel, useTemplateRef, withCtx } from "vue";
|
|
4
|
+
|
|
5
|
+
//#region src/constants/htmlElements.ts
|
|
6
|
+
const selfClosingTags = [
|
|
7
|
+
"area",
|
|
8
|
+
"base",
|
|
9
|
+
"br",
|
|
10
|
+
"col",
|
|
11
|
+
"embed",
|
|
12
|
+
"hr",
|
|
13
|
+
"img",
|
|
14
|
+
"input",
|
|
15
|
+
"link",
|
|
16
|
+
"meta",
|
|
17
|
+
"source",
|
|
18
|
+
"track",
|
|
19
|
+
"wbr"
|
|
20
|
+
];
|
|
21
|
+
/**
|
|
22
|
+
* Set of HTML elements that are self-closing (void elements)
|
|
23
|
+
* These elements cannot have children and don't need closing tags
|
|
24
|
+
*/
|
|
25
|
+
const SELF_CLOSING_TAGS = new Set(selfClosingTags);
|
|
26
|
+
/**
|
|
27
|
+
* Check if an element is self-closing
|
|
28
|
+
*/
|
|
29
|
+
function isSelfClosingTag(tag) {
|
|
30
|
+
return SELF_CLOSING_TAGS.has(tag.toLowerCase());
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
//#endregion
|
|
34
|
+
//#region src/components/Atom/Atom.vue?vue&type=script&setup=true&lang.ts
|
|
35
|
+
var Atom_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
36
|
+
name: "Atom",
|
|
37
|
+
__name: "Atom",
|
|
38
|
+
props: {
|
|
39
|
+
as: { default: "div" },
|
|
40
|
+
renderless: {
|
|
41
|
+
type: Boolean,
|
|
42
|
+
default: false
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
setup(__props, { expose: __expose }) {
|
|
46
|
+
const element = useTemplateRef("element");
|
|
47
|
+
__expose({ element });
|
|
48
|
+
const attrs = useAttrs();
|
|
49
|
+
const isSelfClosing = toRef(() => typeof __props.as === "string" && isSelfClosingTag(__props.as));
|
|
50
|
+
const slotProps = toRef(() => attrs);
|
|
51
|
+
return (_ctx, _cache) => {
|
|
52
|
+
return _ctx.renderless || _ctx.as === null ? renderSlot(_ctx.$slots, "default", normalizeProps(mergeProps({ key: 0 }, slotProps.value))) : !isSelfClosing.value ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.as), mergeProps({ key: 1 }, slotProps.value, {
|
|
53
|
+
ref_key: "element",
|
|
54
|
+
ref: element
|
|
55
|
+
}), {
|
|
56
|
+
default: withCtx(() => [!isSelfClosing.value ? renderSlot(_ctx.$slots, "default", normalizeProps(mergeProps({ key: 0 }, slotProps.value))) : createCommentVNode("v-if", true)]),
|
|
57
|
+
_: 3
|
|
58
|
+
}, 16)) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.as), mergeProps({
|
|
59
|
+
key: 2,
|
|
60
|
+
ref_key: "element",
|
|
61
|
+
ref: element
|
|
62
|
+
}, slotProps.value), null, 16));
|
|
63
|
+
};
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
|
|
67
|
+
//#endregion
|
|
68
|
+
//#region src/components/Atom/Atom.vue
|
|
69
|
+
var Atom_default = Atom_vue_vue_type_script_setup_true_lang_default;
|
|
70
|
+
|
|
71
|
+
//#endregion
|
|
72
|
+
//#region src/components/Breakpoints/BreakpointsItem.vue?vue&type=script&setup=true&lang.ts
|
|
73
|
+
var BreakpointsItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
74
|
+
name: "BreakpointsItem",
|
|
75
|
+
__name: "BreakpointsItem",
|
|
76
|
+
setup(__props) {
|
|
77
|
+
const breakpointsContext = useBreakpoints();
|
|
78
|
+
return (_ctx, _cache) => {
|
|
79
|
+
return openBlock(), createElementBlock(Fragment, null, [_ctx.$slots.xs && unref(breakpointsContext).xs ? renderSlot(_ctx.$slots, "xs", normalizeProps(mergeProps({ key: 0 }, unref(breakpointsContext)))) : _ctx.$slots.sm && unref(breakpointsContext).sm ? renderSlot(_ctx.$slots, "sm", normalizeProps(mergeProps({ key: 1 }, unref(breakpointsContext)))) : _ctx.$slots.md && unref(breakpointsContext).md ? renderSlot(_ctx.$slots, "md", normalizeProps(mergeProps({ key: 2 }, unref(breakpointsContext)))) : _ctx.$slots.lg && unref(breakpointsContext).lg ? renderSlot(_ctx.$slots, "lg", normalizeProps(mergeProps({ key: 3 }, unref(breakpointsContext)))) : _ctx.$slots.xl && unref(breakpointsContext).xl ? renderSlot(_ctx.$slots, "xl", normalizeProps(mergeProps({ key: 4 }, unref(breakpointsContext)))) : _ctx.$slots.xxl && unref(breakpointsContext).xxl ? renderSlot(_ctx.$slots, "xxl", normalizeProps(mergeProps({ key: 5 }, unref(breakpointsContext)))) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(breakpointsContext))))], 64);
|
|
80
|
+
};
|
|
81
|
+
}
|
|
82
|
+
});
|
|
83
|
+
|
|
84
|
+
//#endregion
|
|
85
|
+
//#region src/components/Breakpoints/BreakpointsItem.vue
|
|
86
|
+
var BreakpointsItem_default = BreakpointsItem_vue_vue_type_script_setup_true_lang_default;
|
|
87
|
+
|
|
88
|
+
//#endregion
|
|
89
|
+
//#region src/components/Breakpoints/BreakpointsRoot.vue?vue&type=script&setup=true&lang.ts
|
|
90
|
+
var BreakpointsRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
91
|
+
name: "BreakpointsRoot",
|
|
92
|
+
__name: "BreakpointsRoot",
|
|
93
|
+
props: {
|
|
94
|
+
mobileBreakpoint: {},
|
|
95
|
+
breakpoints: {}
|
|
96
|
+
},
|
|
97
|
+
setup(__props) {
|
|
98
|
+
const props = __props;
|
|
99
|
+
const breakpointsContext = createBreakpoints(props);
|
|
100
|
+
provideBreakpointsContext(breakpointsContext);
|
|
101
|
+
return (_ctx, _cache) => {
|
|
102
|
+
return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(breakpointsContext))));
|
|
103
|
+
};
|
|
104
|
+
}
|
|
105
|
+
});
|
|
106
|
+
|
|
107
|
+
//#endregion
|
|
108
|
+
//#region src/components/Breakpoints/BreakpointsRoot.vue
|
|
109
|
+
var BreakpointsRoot_default = BreakpointsRoot_vue_vue_type_script_setup_true_lang_default;
|
|
110
|
+
|
|
111
|
+
//#endregion
|
|
112
|
+
//#region src/components/Breakpoints/index.ts
|
|
113
|
+
const Breakpoints = {
|
|
114
|
+
Item: BreakpointsItem_default,
|
|
115
|
+
Root: BreakpointsRoot_default
|
|
116
|
+
};
|
|
117
|
+
|
|
118
|
+
//#endregion
|
|
119
|
+
//#region src/components/Context/ContextItem.vue?vue&type=script&setup=true&lang.ts
|
|
120
|
+
var ContextItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
121
|
+
name: "ContextItem",
|
|
122
|
+
__name: "ContextItem",
|
|
123
|
+
props: {
|
|
124
|
+
contextKey: {},
|
|
125
|
+
value: {}
|
|
126
|
+
},
|
|
127
|
+
setup(__props) {
|
|
128
|
+
let contextValue;
|
|
129
|
+
if (__props.value !== void 0) contextValue = __props.value;
|
|
130
|
+
else if (__props.contextKey) {
|
|
131
|
+
const [injectContext] = createContext(__props.contextKey);
|
|
132
|
+
contextValue = injectContext();
|
|
133
|
+
} else throw new Error("Context component requires either a \"value\" prop or a \"contextKey\" prop");
|
|
134
|
+
const bindableProps = toRef(() => ({ value: contextValue }));
|
|
135
|
+
return (_ctx, _cache) => {
|
|
136
|
+
return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(bindableProps.value)));
|
|
137
|
+
};
|
|
138
|
+
}
|
|
139
|
+
});
|
|
140
|
+
|
|
141
|
+
//#endregion
|
|
142
|
+
//#region src/components/Context/ContextItem.vue
|
|
143
|
+
var ContextItem_default = ContextItem_vue_vue_type_script_setup_true_lang_default;
|
|
144
|
+
|
|
145
|
+
//#endregion
|
|
146
|
+
//#region src/components/Context/ContextRoot.vue?vue&type=script&setup=true&lang.ts
|
|
147
|
+
var ContextRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
148
|
+
name: "ContextRoot",
|
|
149
|
+
__name: "ContextRoot",
|
|
150
|
+
props: {
|
|
151
|
+
contextKey: {},
|
|
152
|
+
value: {}
|
|
153
|
+
},
|
|
154
|
+
setup(__props) {
|
|
155
|
+
const [, provideContext] = createContext(__props.contextKey);
|
|
156
|
+
provideContext(__props.value);
|
|
157
|
+
return (_ctx, _cache) => {
|
|
158
|
+
return renderSlot(_ctx.$slots, "default");
|
|
159
|
+
};
|
|
160
|
+
}
|
|
161
|
+
});
|
|
162
|
+
|
|
163
|
+
//#endregion
|
|
164
|
+
//#region src/components/Context/ContextRoot.vue
|
|
165
|
+
var ContextRoot_default = ContextRoot_vue_vue_type_script_setup_true_lang_default;
|
|
166
|
+
|
|
167
|
+
//#endregion
|
|
168
|
+
//#region src/components/Context/index.ts
|
|
169
|
+
const Context = {
|
|
170
|
+
Item: ContextItem_default,
|
|
171
|
+
Root: ContextRoot_default
|
|
172
|
+
};
|
|
173
|
+
|
|
174
|
+
//#endregion
|
|
175
|
+
//#region src/components/Group/GroupItem.vue?vue&type=script&setup=true&lang.ts
|
|
176
|
+
var GroupItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
177
|
+
name: "GroupItem",
|
|
178
|
+
__name: "GroupItem",
|
|
179
|
+
props: {
|
|
180
|
+
id: { default: () => useId() },
|
|
181
|
+
value: {},
|
|
182
|
+
disabled: { type: Boolean },
|
|
183
|
+
namespace: { default: "group" }
|
|
184
|
+
},
|
|
185
|
+
setup(__props) {
|
|
186
|
+
const [useGroupContext] = useGroup(__props.namespace);
|
|
187
|
+
const group = useGroupContext();
|
|
188
|
+
if (!group) throw new Error(`Failed to get group context at namespace "${__props.namespace}"`);
|
|
189
|
+
const { isActive, toggle, index } = group.register({
|
|
190
|
+
id: __props.id,
|
|
191
|
+
value: __props.value,
|
|
192
|
+
disabled: __props.disabled
|
|
193
|
+
});
|
|
194
|
+
onUnmounted(() => {
|
|
195
|
+
group.unregister(__props.id);
|
|
196
|
+
});
|
|
197
|
+
return (_ctx, _cache) => {
|
|
198
|
+
return renderSlot(_ctx.$slots, "default", {
|
|
199
|
+
index: unref(index),
|
|
200
|
+
isActive: unref(isActive),
|
|
201
|
+
toggle: unref(toggle)
|
|
202
|
+
});
|
|
203
|
+
};
|
|
204
|
+
}
|
|
205
|
+
});
|
|
206
|
+
|
|
207
|
+
//#endregion
|
|
208
|
+
//#region src/components/Group/GroupItem.vue
|
|
209
|
+
var GroupItem_default = GroupItem_vue_vue_type_script_setup_true_lang_default;
|
|
210
|
+
|
|
211
|
+
//#endregion
|
|
212
|
+
//#region src/components/Group/GroupRoot.vue?vue&type=script&setup=true&lang.ts
|
|
213
|
+
var GroupRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
214
|
+
name: "GroupRoot",
|
|
215
|
+
__name: "GroupRoot",
|
|
216
|
+
props: /* @__PURE__ */ mergeModels({
|
|
217
|
+
namespace: { default: "group" },
|
|
218
|
+
enroll: { type: Boolean },
|
|
219
|
+
mandatory: { type: [Boolean, String] },
|
|
220
|
+
events: { type: Boolean }
|
|
221
|
+
}, {
|
|
222
|
+
"modelValue": {},
|
|
223
|
+
"modelModifiers": {}
|
|
224
|
+
}),
|
|
225
|
+
emits: ["update:modelValue"],
|
|
226
|
+
setup(__props) {
|
|
227
|
+
const props = createPropsRestProxy(__props, ["namespace"]);
|
|
228
|
+
const model = useModel(__props, "modelValue");
|
|
229
|
+
const [, provideGroupContext] = useGroup(__props.namespace, props);
|
|
230
|
+
const { register, unregister, reset, mandate, select } = provideGroupContext(model);
|
|
231
|
+
return (_ctx, _cache) => {
|
|
232
|
+
return renderSlot(_ctx.$slots, "default", {
|
|
233
|
+
mandate: unref(mandate),
|
|
234
|
+
model: model.value,
|
|
235
|
+
register: unref(register),
|
|
236
|
+
reset: unref(reset),
|
|
237
|
+
select: unref(select),
|
|
238
|
+
unregister: unref(unregister)
|
|
239
|
+
});
|
|
240
|
+
};
|
|
241
|
+
}
|
|
242
|
+
});
|
|
243
|
+
|
|
244
|
+
//#endregion
|
|
245
|
+
//#region src/components/Group/GroupRoot.vue
|
|
246
|
+
var GroupRoot_default = GroupRoot_vue_vue_type_script_setup_true_lang_default;
|
|
247
|
+
|
|
248
|
+
//#endregion
|
|
249
|
+
//#region src/components/Group/index.ts
|
|
250
|
+
const Group = {
|
|
251
|
+
Item: GroupItem_default,
|
|
252
|
+
Root: GroupRoot_default
|
|
253
|
+
};
|
|
254
|
+
|
|
255
|
+
//#endregion
|
|
256
|
+
//#region src/components/Hydration/Hydration.vue?vue&type=script&setup=true&lang.ts
|
|
257
|
+
var Hydration_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
258
|
+
name: "Hydration",
|
|
259
|
+
__name: "Hydration",
|
|
260
|
+
setup(__props) {
|
|
261
|
+
const hydrationContext = useHydration();
|
|
262
|
+
return (_ctx, _cache) => {
|
|
263
|
+
return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(hydrationContext))));
|
|
264
|
+
};
|
|
265
|
+
}
|
|
266
|
+
});
|
|
267
|
+
|
|
268
|
+
//#endregion
|
|
269
|
+
//#region src/components/Hydration/Hydration.vue
|
|
270
|
+
var Hydration_default = Hydration_vue_vue_type_script_setup_true_lang_default;
|
|
271
|
+
|
|
272
|
+
//#endregion
|
|
273
|
+
//#region src/components/Hydration/HydrationRoot.vue?vue&type=script&setup=true&lang.ts
|
|
274
|
+
var HydrationRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
275
|
+
name: "HydrationRoot",
|
|
276
|
+
__name: "HydrationRoot",
|
|
277
|
+
setup(__props) {
|
|
278
|
+
const hydrationContext = createHydration();
|
|
279
|
+
provideHydrationContext(hydrationContext);
|
|
280
|
+
return (_ctx, _cache) => {
|
|
281
|
+
return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(hydrationContext))));
|
|
282
|
+
};
|
|
283
|
+
}
|
|
284
|
+
});
|
|
285
|
+
|
|
286
|
+
//#endregion
|
|
287
|
+
//#region src/components/Hydration/HydrationRoot.vue
|
|
288
|
+
var HydrationRoot_default = HydrationRoot_vue_vue_type_script_setup_true_lang_default;
|
|
289
|
+
|
|
290
|
+
//#endregion
|
|
291
|
+
//#region src/components/Popover/PopoverRoot.vue?vue&type=script&setup=true&lang.ts
|
|
292
|
+
const [usePopoverContext, providePopoverContext] = createContext("Popover");
|
|
293
|
+
var PopoverRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
294
|
+
name: "PopoverRoot",
|
|
295
|
+
__name: "PopoverRoot",
|
|
296
|
+
props: /* @__PURE__ */ mergeModels({
|
|
297
|
+
id: {},
|
|
298
|
+
as: { default: null },
|
|
299
|
+
renderless: { type: Boolean }
|
|
300
|
+
}, {
|
|
301
|
+
"modelValue": {
|
|
302
|
+
type: Boolean,
|
|
303
|
+
default: false
|
|
304
|
+
},
|
|
305
|
+
"modelModifiers": {}
|
|
306
|
+
}),
|
|
307
|
+
emits: ["update:modelValue"],
|
|
308
|
+
setup(__props) {
|
|
309
|
+
const props = createPropsRestProxy(__props, ["as"]);
|
|
310
|
+
const isActive = useModel(__props, "modelValue");
|
|
311
|
+
const id = toRef(() => props.id ?? useId());
|
|
312
|
+
function toggle() {
|
|
313
|
+
isActive.value = !isActive.value;
|
|
314
|
+
}
|
|
315
|
+
const bindableProps = toRef(() => ({
|
|
316
|
+
id,
|
|
317
|
+
isActive,
|
|
318
|
+
toggle
|
|
319
|
+
}));
|
|
320
|
+
providePopoverContext({
|
|
321
|
+
isActive,
|
|
322
|
+
toggle,
|
|
323
|
+
id: id.value
|
|
324
|
+
});
|
|
325
|
+
return (_ctx, _cache) => {
|
|
326
|
+
return openBlock(), createBlock(unref(Atom_default), mergeProps({
|
|
327
|
+
as: _ctx.as,
|
|
328
|
+
renderless: _ctx.renderless
|
|
329
|
+
}, bindableProps.value), {
|
|
330
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(bindableProps.value)))]),
|
|
331
|
+
_: 3
|
|
332
|
+
}, 16, ["as", "renderless"]);
|
|
333
|
+
};
|
|
334
|
+
}
|
|
335
|
+
});
|
|
336
|
+
|
|
337
|
+
//#endregion
|
|
338
|
+
//#region src/components/Popover/PopoverRoot.vue
|
|
339
|
+
var PopoverRoot_default = PopoverRoot_vue_vue_type_script_setup_true_lang_default;
|
|
340
|
+
|
|
341
|
+
//#endregion
|
|
342
|
+
//#region src/components/Popover/PopoverAnchor.vue?vue&type=script&setup=true&lang.ts
|
|
343
|
+
var PopoverAnchor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
344
|
+
name: "PopoverAnchor",
|
|
345
|
+
__name: "PopoverAnchor",
|
|
346
|
+
props: {
|
|
347
|
+
target: {},
|
|
348
|
+
as: { default: "button" },
|
|
349
|
+
renderless: { type: Boolean }
|
|
350
|
+
},
|
|
351
|
+
setup(__props) {
|
|
352
|
+
const props = createPropsRestProxy(__props, ["as"]);
|
|
353
|
+
const context = usePopoverContext();
|
|
354
|
+
const popovertarget = toRef(() => props.target ?? context.id);
|
|
355
|
+
const style = toRef(() => ({ anchorName: `--${popovertarget.value}` }));
|
|
356
|
+
return (_ctx, _cache) => {
|
|
357
|
+
return openBlock(), createBlock(unref(Atom_default), {
|
|
358
|
+
as: _ctx.as,
|
|
359
|
+
"data-popover-open": unref(context).isActive.value ? "" : void 0,
|
|
360
|
+
popovertarget: popovertarget.value,
|
|
361
|
+
style: normalizeStyle(style.value),
|
|
362
|
+
type: _ctx.as === "button" ? "button" : void 0
|
|
363
|
+
}, {
|
|
364
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
365
|
+
_: 3
|
|
366
|
+
}, 8, [
|
|
367
|
+
"as",
|
|
368
|
+
"data-popover-open",
|
|
369
|
+
"popovertarget",
|
|
370
|
+
"style",
|
|
371
|
+
"type"
|
|
372
|
+
]);
|
|
373
|
+
};
|
|
374
|
+
}
|
|
375
|
+
});
|
|
376
|
+
|
|
377
|
+
//#endregion
|
|
378
|
+
//#region src/components/Popover/PopoverAnchor.vue
|
|
379
|
+
var PopoverAnchor_default = PopoverAnchor_vue_vue_type_script_setup_true_lang_default;
|
|
380
|
+
|
|
381
|
+
//#endregion
|
|
382
|
+
//#region src/components/Popover/PopoverContent.vue?vue&type=script&setup=true&lang.ts
|
|
383
|
+
var PopoverContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
384
|
+
name: "PopoverContent",
|
|
385
|
+
__name: "PopoverContent",
|
|
386
|
+
props: {
|
|
387
|
+
id: {},
|
|
388
|
+
positionArea: { default: "bottom" },
|
|
389
|
+
positionTry: { default: "most-width bottom" },
|
|
390
|
+
as: {},
|
|
391
|
+
renderless: { type: Boolean }
|
|
392
|
+
},
|
|
393
|
+
emits: ["beforetoggle"],
|
|
394
|
+
setup(__props, { emit: __emit }) {
|
|
395
|
+
const props = createPropsRestProxy(__props, ["positionArea", "positionTry"]);
|
|
396
|
+
const emit = __emit;
|
|
397
|
+
const context = usePopoverContext();
|
|
398
|
+
const ref$1 = useTemplateRef("ref");
|
|
399
|
+
const id = toRef(() => props.id ?? context.id);
|
|
400
|
+
const style = toRef(() => ({
|
|
401
|
+
positionArea: __props.positionArea,
|
|
402
|
+
positionAnchor: `--${id.value}`,
|
|
403
|
+
positionTry: __props.positionTry
|
|
404
|
+
}));
|
|
405
|
+
onMounted(() => {
|
|
406
|
+
if (context.isActive.value) ref$1.value?.element?.showPopover();
|
|
407
|
+
});
|
|
408
|
+
function onBeforeToggle(e) {
|
|
409
|
+
context.isActive.value = e.newState === "open";
|
|
410
|
+
emit("beforetoggle", e);
|
|
411
|
+
}
|
|
412
|
+
return (_ctx, _cache) => {
|
|
413
|
+
return openBlock(), createBlock(unref(Atom_default), {
|
|
414
|
+
id: id.value,
|
|
415
|
+
ref_key: "ref",
|
|
416
|
+
ref: ref$1,
|
|
417
|
+
popover: "",
|
|
418
|
+
style: normalizeStyle(style.value),
|
|
419
|
+
onBeforetoggle: onBeforeToggle
|
|
420
|
+
}, {
|
|
421
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
422
|
+
_: 3
|
|
423
|
+
}, 8, ["id", "style"]);
|
|
424
|
+
};
|
|
425
|
+
}
|
|
426
|
+
});
|
|
427
|
+
|
|
428
|
+
//#endregion
|
|
429
|
+
//#region src/components/Popover/PopoverContent.vue
|
|
430
|
+
var PopoverContent_default = PopoverContent_vue_vue_type_script_setup_true_lang_default;
|
|
431
|
+
|
|
432
|
+
//#endregion
|
|
433
|
+
//#region src/components/Popover/index.ts
|
|
434
|
+
const Popover = {
|
|
435
|
+
Root: PopoverRoot_default,
|
|
436
|
+
Anchor: PopoverAnchor_default,
|
|
437
|
+
Content: PopoverContent_default
|
|
438
|
+
};
|
|
439
|
+
|
|
440
|
+
//#endregion
|
|
441
|
+
//#region src/components/Step/StepItem.vue?vue&type=script&setup=true&lang.ts
|
|
442
|
+
var StepItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
443
|
+
name: "StepItem",
|
|
444
|
+
__name: "StepItem",
|
|
445
|
+
props: {
|
|
446
|
+
id: { default: () => useId() },
|
|
447
|
+
value: {},
|
|
448
|
+
disabled: { type: Boolean },
|
|
449
|
+
namespace: { default: "step" }
|
|
450
|
+
},
|
|
451
|
+
setup(__props) {
|
|
452
|
+
const [useStepContext] = useStep(__props.namespace);
|
|
453
|
+
const step = useStepContext();
|
|
454
|
+
if (!step) throw new Error(`Failed to get step context at namespace "${__props.namespace}"`);
|
|
455
|
+
const { index, isActive, toggle } = step.register({
|
|
456
|
+
id: __props.id,
|
|
457
|
+
value: __props.value,
|
|
458
|
+
disabled: __props.disabled
|
|
459
|
+
});
|
|
460
|
+
onUnmounted(() => {
|
|
461
|
+
step.unregister(__props.id);
|
|
462
|
+
});
|
|
463
|
+
return (_ctx, _cache) => {
|
|
464
|
+
return renderSlot(_ctx.$slots, "default", {
|
|
465
|
+
index: unref(index),
|
|
466
|
+
isActive: unref(isActive),
|
|
467
|
+
toggle: unref(toggle)
|
|
468
|
+
});
|
|
469
|
+
};
|
|
470
|
+
}
|
|
471
|
+
});
|
|
472
|
+
|
|
473
|
+
//#endregion
|
|
474
|
+
//#region src/components/Step/StepItem.vue
|
|
475
|
+
var StepItem_default = StepItem_vue_vue_type_script_setup_true_lang_default;
|
|
476
|
+
|
|
477
|
+
//#endregion
|
|
478
|
+
//#region src/components/Step/StepRoot.vue?vue&type=script&setup=true&lang.ts
|
|
479
|
+
var StepRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
480
|
+
name: "StepRoot",
|
|
481
|
+
__name: "StepRoot",
|
|
482
|
+
props: /* @__PURE__ */ mergeModels({
|
|
483
|
+
namespace: { default: "step" },
|
|
484
|
+
enroll: { type: Boolean },
|
|
485
|
+
mandatory: { type: [Boolean, String] },
|
|
486
|
+
events: { type: Boolean }
|
|
487
|
+
}, {
|
|
488
|
+
"modelValue": {},
|
|
489
|
+
"modelModifiers": {}
|
|
490
|
+
}),
|
|
491
|
+
emits: ["update:modelValue"],
|
|
492
|
+
setup(__props) {
|
|
493
|
+
const props = createPropsRestProxy(__props, ["namespace"]);
|
|
494
|
+
const model = useModel(__props, "modelValue");
|
|
495
|
+
const [, provideStepContext] = useStep(__props.namespace, props);
|
|
496
|
+
const { register, unregister, reset, mandate, select, first, last, next, prev, step } = provideStepContext(model);
|
|
497
|
+
return (_ctx, _cache) => {
|
|
498
|
+
return renderSlot(_ctx.$slots, "default", {
|
|
499
|
+
first: unref(first),
|
|
500
|
+
last: unref(last),
|
|
501
|
+
mandate: unref(mandate),
|
|
502
|
+
model: model.value,
|
|
503
|
+
next: unref(next),
|
|
504
|
+
prev: unref(prev),
|
|
505
|
+
register: unref(register),
|
|
506
|
+
reset: unref(reset),
|
|
507
|
+
select: unref(select),
|
|
508
|
+
step: unref(step),
|
|
509
|
+
unregister: unref(unregister)
|
|
510
|
+
});
|
|
511
|
+
};
|
|
512
|
+
}
|
|
513
|
+
});
|
|
514
|
+
|
|
515
|
+
//#endregion
|
|
516
|
+
//#region src/components/Step/StepRoot.vue
|
|
517
|
+
var StepRoot_default = StepRoot_vue_vue_type_script_setup_true_lang_default;
|
|
518
|
+
|
|
519
|
+
//#endregion
|
|
520
|
+
//#region src/components/Step/index.ts
|
|
521
|
+
const Step = {
|
|
522
|
+
Item: StepItem_default,
|
|
523
|
+
Root: StepRoot_default
|
|
524
|
+
};
|
|
525
|
+
|
|
526
|
+
//#endregion
|
|
527
|
+
//#region src/components/Theme/ThemeItem.vue?vue&type=script&setup=true&lang.ts
|
|
528
|
+
var ThemeItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
529
|
+
name: "ThemeItem",
|
|
530
|
+
__name: "ThemeItem",
|
|
531
|
+
setup(__props) {
|
|
532
|
+
const themeContext = useTheme();
|
|
533
|
+
return (_ctx, _cache) => {
|
|
534
|
+
return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(themeContext))));
|
|
535
|
+
};
|
|
536
|
+
}
|
|
537
|
+
});
|
|
538
|
+
|
|
539
|
+
//#endregion
|
|
540
|
+
//#region src/components/Theme/ThemeItem.vue
|
|
541
|
+
var ThemeItem_default = ThemeItem_vue_vue_type_script_setup_true_lang_default;
|
|
542
|
+
|
|
543
|
+
//#endregion
|
|
544
|
+
//#region src/components/Theme/ThemeRoot.vue?vue&type=script&setup=true&lang.ts
|
|
545
|
+
var ThemeRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
546
|
+
name: "ThemeRoot",
|
|
547
|
+
__name: "ThemeRoot",
|
|
548
|
+
props: /* @__PURE__ */ mergeModels({
|
|
549
|
+
namespace: { default: "v0:theme" },
|
|
550
|
+
themes: { default: () => [] }
|
|
551
|
+
}, {
|
|
552
|
+
"modelValue": { default: "default" },
|
|
553
|
+
"modelModifiers": {}
|
|
554
|
+
}),
|
|
555
|
+
emits: ["update:modelValue"],
|
|
556
|
+
setup(__props) {
|
|
557
|
+
const model = useModel(__props, "modelValue");
|
|
558
|
+
const [provideThemeContext] = createTheme(__props.namespace);
|
|
559
|
+
const themeContext = provideThemeContext(model);
|
|
560
|
+
for (const theme of __props.themes) themeContext.register(theme);
|
|
561
|
+
return (_ctx, _cache) => {
|
|
562
|
+
return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(themeContext))));
|
|
563
|
+
};
|
|
564
|
+
}
|
|
565
|
+
});
|
|
566
|
+
|
|
567
|
+
//#endregion
|
|
568
|
+
//#region src/components/Theme/ThemeRoot.vue
|
|
569
|
+
var ThemeRoot_default = ThemeRoot_vue_vue_type_script_setup_true_lang_default;
|
|
570
|
+
|
|
571
|
+
//#endregion
|
|
572
|
+
//#region src/components/Theme/index.ts
|
|
573
|
+
const Theme = {
|
|
574
|
+
Item: ThemeItem_default,
|
|
575
|
+
Root: ThemeRoot_default
|
|
576
|
+
};
|
|
577
|
+
|
|
578
|
+
//#endregion
|
|
579
|
+
export { Atom_default, Breakpoints, Context, Group, HydrationRoot_default, Hydration_default, Popover, Step, Theme, providePopoverContext, usePopoverContext };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import "../index-BA3ZFBnL.mjs";
|
|
2
|
+
import { BreakpointName, BreakpointsContext, BreakpointsOptions, BreakpointsPlugin, Colors, FlatTokenCollection, GroupContext, GroupOptions, GroupTicket, HydrationContext, HydrationPlugin, RegistryContext, RegistryOptions, RegistryTicket, SelectionContext, SelectionOptions, SelectionTicket, SingleContext, SingleOptions, SingleTicket, StepContext, StepOptions, StepTicket, ThemeColors, ThemeContext, ThemeOptions, ThemePlugin, ThemePluginOptions, ThemeRecord, ThemeTicket, TokenAlias, TokenCollection, TokenContext, TokenPrimitive, TokenTicket, TokenValue, createBreakpoints, createBreakpointsPlugin, createHydration, createHydrationPlugin, createTheme, createThemePlugin, createTokensContext, provideBreakpointsContext, provideHydrationContext, useBreakpoints, useBreakpointsContext, useGroup, useHydration, useHydrationContext, useRegistry, useSelection, useSingle, useStep, useTheme, useTokens } from "../index-ChaaTPKp.mjs";
|
|
3
|
+
import "../index-DfahEz6s.mjs";
|
|
4
|
+
import { CleanupFunction, ConsolaLoggerAdapter, EventHandler, FilterFunction, FilterItem, FilterMode, FilterQuery, FormContext, FormOptions, FormTicket, FormValidationResult, FormValidationRule, FormValue, KeyHandler, LayoutContext, LayoutLocation, LayoutOptions, LayoutTicket, LocaleContext, LocaleOptions, LocalePlugin, LocalePluginOptions, LocaleTicket, LogLevel, LoggerAdapter, LoggerContext, LoggerOptions, LoggerPlugin, PinoLoggerAdapter, Primitive, ProxyModelOptions, StorageContext, StorageOptions, StoragePlugin, UseFilterOptions, UseFilterResult, Vuetify0LoggerAdapter, createLocale, createLocalePlugin, createLogger, createLoggerPlugin, createStorage, createStoragePlugin, provideStorageContext, useDocumentEventListener, useEventListener, useFilter, useForm, useKeydown, useLayout, useLocale, useLogger, useProxyModel, useStorage, useStorageContext, useWindowEventListener } from "../index-Cya5Y9pB.mjs";
|
|
5
|
+
export { BreakpointName, BreakpointsContext, BreakpointsOptions, BreakpointsPlugin, CleanupFunction, Colors, ConsolaLoggerAdapter, EventHandler, FilterFunction, FilterItem, FilterMode, FilterQuery, FlatTokenCollection, FormContext, FormOptions, FormTicket, FormValidationResult, FormValidationRule, FormValue, GroupContext, GroupOptions, GroupTicket, HydrationContext, HydrationPlugin, KeyHandler, LayoutContext, LayoutLocation, LayoutOptions, LayoutTicket, LocaleContext, LocaleOptions, LocalePlugin, LocalePluginOptions, LocaleTicket, LogLevel, LoggerAdapter, LoggerContext, LoggerOptions, LoggerPlugin, PinoLoggerAdapter, Primitive, ProxyModelOptions, RegistryContext, RegistryOptions, RegistryTicket, SelectionContext, SelectionOptions, SelectionTicket, SingleContext, SingleOptions, SingleTicket, StepContext, StepOptions, StepTicket, StorageContext, StorageOptions, StoragePlugin, ThemeColors, ThemeContext, ThemeOptions, ThemePlugin, ThemePluginOptions, ThemeRecord, ThemeTicket, TokenAlias, TokenCollection, TokenContext, TokenPrimitive, TokenTicket, TokenValue, UseFilterOptions, UseFilterResult, Vuetify0LoggerAdapter, createBreakpoints, createBreakpointsPlugin, createHydration, createHydrationPlugin, createLocale, createLocalePlugin, createLogger, createLoggerPlugin, createStorage, createStoragePlugin, createTheme, createThemePlugin, createTokensContext, provideBreakpointsContext, provideHydrationContext, provideStorageContext, useBreakpoints, useBreakpointsContext, useDocumentEventListener, useEventListener, useFilter, useForm, useGroup, useHydration, useHydrationContext, useKeydown, useLayout, useLocale, useLogger, useProxyModel, useRegistry, useSelection, useSingle, useStep, useStorage, useStorageContext, useTheme, useTokens, useWindowEventListener };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import "../createTrinity-CwGvQ2ng.mjs";
|
|
2
|
+
import { ConsolaLoggerAdapter, PinoLoggerAdapter, Vuetify0LoggerAdapter, createBreakpoints, createBreakpointsPlugin, createHydration, createHydrationPlugin, createLogger, createLoggerPlugin, createTheme, createThemePlugin, createTokensContext, provideBreakpointsContext, provideHydrationContext, useBreakpoints, useBreakpointsContext, useGroup, useHydration, useHydrationContext, useLogger, useRegistry, useSelection, useSingle, useStep, useTheme, useTokens } from "../useTheme-tY7MoBKr.mjs";
|
|
3
|
+
import "../utilities-lZSfrXgw.mjs";
|
|
4
|
+
import "../transformers-BTjuwbOV.mjs";
|
|
5
|
+
import { createLocale, createLocalePlugin, createStorage, createStoragePlugin, provideStorageContext, useDocumentEventListener, useEventListener, useFilter, useForm, useKeydown, useLayout, useLocale, useProxyModel, useStorage, useStorageContext, useWindowEventListener } from "../composables-C6dl5kjP.mjs";
|
|
6
|
+
|
|
7
|
+
export { ConsolaLoggerAdapter, PinoLoggerAdapter, Vuetify0LoggerAdapter, createBreakpoints, createBreakpointsPlugin, createHydration, createHydrationPlugin, createLocale, createLocalePlugin, createLogger, createLoggerPlugin, createStorage, createStoragePlugin, createTheme, createThemePlugin, createTokensContext, provideBreakpointsContext, provideHydrationContext, provideStorageContext, useBreakpoints, useBreakpointsContext, useDocumentEventListener, useEventListener, useFilter, useForm, useGroup, useHydration, useHydrationContext, useKeydown, useLayout, useLocale, useLogger, useProxyModel, useRegistry, useSelection, useSingle, useStep, useStorage, useStorageContext, useTheme, useTokens, useWindowEventListener };
|