@lovince/ui-vue 0.1.1 → 0.3.0
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/README.md +248 -28
- package/dist/components/{combobox.d.ts → choice/combobox.d.ts} +10 -27
- package/dist/components/{command.d.ts → choice/command.d.ts} +7 -19
- package/dist/components/{emoji-picker.d.ts → choice/emoji-picker.d.ts} +9 -9
- package/dist/components/{radio-group.d.ts → choice/radio-group.d.ts} +3 -3
- package/dist/components/choice/rating.d.ts +143 -0
- package/dist/components/choice/segmented-control.d.ts +26 -0
- package/dist/components/{select.d.ts → choice/select.d.ts} +11 -20
- package/dist/components/{toggle-group.d.ts → choice/toggle-group.d.ts} +3 -9
- package/dist/components/{toggles.d.ts → choice/toggles.d.ts} +4 -4
- package/dist/components/{accordion.d.ts → disclosure/accordion.d.ts} +5 -13
- package/dist/components/{disclosure.d.ts → disclosure/disclosure.d.ts} +3 -10
- package/dist/components/{tabs.d.ts → disclosure/tabs.d.ts} +4 -6
- package/dist/components/display/avatar-group.d.ts +61 -0
- package/dist/components/{avatar.d.ts → display/avatar.d.ts} +3 -6
- package/dist/components/display/feedback.d.ts +623 -0
- package/dist/components/display/image.d.ts +95 -0
- package/dist/components/display/meter.d.ts +165 -0
- package/dist/components/{progress.d.ts → display/progress.d.ts} +2 -6
- package/dist/components/display/stat.d.ts +102 -0
- package/dist/components/display/table-parts.d.ts +272 -0
- package/dist/components/display/table.d.ts +130 -0
- package/dist/components/display/timeline.d.ts +181 -0
- package/dist/components/forms/color-picker.d.ts +187 -0
- package/dist/components/forms/date-picker.d.ts +257 -0
- package/dist/components/forms/editable.d.ts +243 -0
- package/dist/components/forms/file-upload.d.ts +203 -0
- package/dist/components/forms/forms.d.ts +290 -0
- package/dist/components/forms/phone-input.d.ts +189 -0
- package/dist/components/forms/signature-pad.d.ts +122 -0
- package/dist/components/forms/tags-input.d.ts +209 -0
- package/dist/components/forms/text-inputs.d.ts +270 -0
- package/dist/components/forms/time-field.d.ts +165 -0
- package/dist/components/{calendar.d.ts → inputs/calendar.d.ts} +8 -19
- package/dist/components/{number-field.d.ts → inputs/number-field.d.ts} +4 -15
- package/dist/components/{pin-input.d.ts → inputs/pin-input.d.ts} +2 -12
- package/dist/components/{slider.d.ts → inputs/slider.d.ts} +4 -14
- package/dist/components/{carousel.d.ts → layout/carousel.d.ts} +50 -20
- package/dist/components/layout/marquee.d.ts +104 -0
- package/dist/components/layout/primitives.d.ts +242 -0
- package/dist/components/layout/scroll-area.d.ts +160 -0
- package/dist/components/layout/section.d.ts +184 -0
- package/dist/components/{sortable.d.ts → layout/sortable.d.ts} +3 -12
- package/dist/components/{splitter.d.ts → layout/splitter.d.ts} +3 -11
- package/dist/components/{tree.d.ts → layout/tree.d.ts} +3 -9
- package/dist/components/layout/virtual-list.d.ts +68 -0
- package/dist/components/navigation/breadcrumb.d.ts +114 -0
- package/dist/components/navigation/pagination.d.ts +221 -0
- package/dist/components/navigation/sidebar.d.ts +258 -0
- package/dist/components/{dialog.d.ts → navigation/stepper.d.ts} +142 -114
- package/dist/components/navigation/table-of-contents.d.ts +60 -0
- package/dist/components/navigation/toolbar.d.ts +179 -0
- package/dist/components/{menu.d.ts → overlays/dialog.d.ts} +222 -224
- package/dist/components/overlays/menu.d.ts +901 -0
- package/dist/components/overlays/menubar.d.ts +106 -0
- package/dist/components/{navigation-menu.d.ts → overlays/navigation-menu.d.ts} +6 -19
- package/dist/components/{popover.d.ts → overlays/popover.d.ts} +6 -9
- package/dist/components/overlays/sheet.d.ts +77 -0
- package/dist/components/{toast.d.ts → overlays/toast.d.ts} +6 -14
- package/dist/components/{tooltip.d.ts → overlays/tooltip.d.ts} +8 -8
- package/dist/components/primitives/button.d.ts +102 -0
- package/dist/components/primitives/icon.d.ts +79 -0
- package/dist/components/primitives/primitives.d.ts +300 -0
- package/dist/composables/data-table.d.ts +0 -2
- package/dist/composables/observers.d.ts +0 -9
- package/dist/composables/presence.d.ts +0 -5
- package/dist/icon.d.ts +2 -0
- package/dist/icon.js +76 -0
- package/dist/index.d.ts +63 -28
- package/dist/index.js +5186 -967
- package/dist/shared/dismiss.d.ts +0 -8
- package/dist/shared/element.d.ts +0 -2
- package/dist/shared/floating-props.d.ts +0 -1
- package/dist/shared/list.d.ts +0 -7
- package/dist/shared/machine.d.ts +0 -18
- package/dist/shared/parts.d.ts +1 -2
- package/dist/shared/portal.d.ts +1 -10
- package/dist/shared/primitive.d.ts +2 -10
- package/dist/shared/roving.d.ts +14 -0
- package/package.json +16 -3
|
@@ -1,12 +1,7 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
2
|
import { CalendarMode, CalendarMonth, IsoDate, Weekday } from '@lovince/ui-headless';
|
|
3
3
|
export type { CalendarMode, CalendarMonth };
|
|
4
|
-
|
|
5
|
-
* A month grid, or several side by side: one tab stop, arrows by day and week,
|
|
6
|
-
* Page Up/Down by month. Values are `YYYY-MM-DD` strings in single mode
|
|
7
|
-
* (`v-model`) and range mode (`v-model:start` and `v-model:end`).
|
|
8
|
-
*/
|
|
9
|
-
export declare const CalendarRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
4
|
+
export declare const LvCalendarRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
10
5
|
mode: {
|
|
11
6
|
type: PropType<CalendarMode>;
|
|
12
7
|
default: string;
|
|
@@ -27,7 +22,6 @@ export declare const CalendarRoot: import('vue').DefineComponent<import('vue').E
|
|
|
27
22
|
type: StringConstructor;
|
|
28
23
|
default: undefined;
|
|
29
24
|
};
|
|
30
|
-
/** Any date in the first month shown (`v-model:month`). Defaults to the value's month, or today's. */
|
|
31
25
|
month: {
|
|
32
26
|
type: StringConstructor;
|
|
33
27
|
default: undefined;
|
|
@@ -104,7 +98,6 @@ export declare const CalendarRoot: import('vue').DefineComponent<import('vue').E
|
|
|
104
98
|
type: StringConstructor;
|
|
105
99
|
default: undefined;
|
|
106
100
|
};
|
|
107
|
-
/** Any date in the first month shown (`v-model:month`). Defaults to the value's month, or today's. */
|
|
108
101
|
month: {
|
|
109
102
|
type: StringConstructor;
|
|
110
103
|
default: undefined;
|
|
@@ -177,8 +170,7 @@ export declare const CalendarRoot: import('vue').DefineComponent<import('vue').E
|
|
|
177
170
|
defaultValue: string;
|
|
178
171
|
isDateDisabled: (date: IsoDate) => boolean;
|
|
179
172
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
180
|
-
|
|
181
|
-
export declare const CalendarHeading: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
173
|
+
export declare const LvCalendarHeading: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
182
174
|
month: {
|
|
183
175
|
readonly type: StringConstructor;
|
|
184
176
|
readonly default: undefined;
|
|
@@ -211,7 +203,7 @@ export declare const CalendarHeading: import('vue').DefineComponent<import('vue'
|
|
|
211
203
|
asChild: boolean;
|
|
212
204
|
month: string;
|
|
213
205
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
214
|
-
export declare const
|
|
206
|
+
export declare const LvCalendarPrev: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
215
207
|
label: {
|
|
216
208
|
type: StringConstructor;
|
|
217
209
|
default: string;
|
|
@@ -244,7 +236,7 @@ export declare const CalendarPrev: import('vue').DefineComponent<import('vue').E
|
|
|
244
236
|
asChild: boolean;
|
|
245
237
|
label: string;
|
|
246
238
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
247
|
-
export declare const
|
|
239
|
+
export declare const LvCalendarNext: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
248
240
|
label: {
|
|
249
241
|
type: StringConstructor;
|
|
250
242
|
default: string;
|
|
@@ -277,7 +269,7 @@ export declare const CalendarNext: import('vue').DefineComponent<import('vue').E
|
|
|
277
269
|
asChild: boolean;
|
|
278
270
|
label: string;
|
|
279
271
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
280
|
-
export declare const
|
|
272
|
+
export declare const LvCalendarGrid: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
281
273
|
month: {
|
|
282
274
|
readonly type: StringConstructor;
|
|
283
275
|
readonly default: undefined;
|
|
@@ -310,8 +302,7 @@ export declare const CalendarGrid: import('vue').DefineComponent<import('vue').E
|
|
|
310
302
|
asChild: boolean;
|
|
311
303
|
month: string;
|
|
312
304
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
313
|
-
|
|
314
|
-
export declare const CalendarHeadCell: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
305
|
+
export declare const LvCalendarHeadCell: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
315
306
|
as: {
|
|
316
307
|
default: string;
|
|
317
308
|
type: PropType<string | import('vue').Component>;
|
|
@@ -344,7 +335,7 @@ export declare const CalendarHeadCell: import('vue').DefineComponent<import('vue
|
|
|
344
335
|
asChild: boolean;
|
|
345
336
|
label: string;
|
|
346
337
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
347
|
-
export declare const
|
|
338
|
+
export declare const LvCalendarCell: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
348
339
|
date: {
|
|
349
340
|
readonly type: StringConstructor;
|
|
350
341
|
readonly required: true;
|
|
@@ -376,8 +367,7 @@ export declare const CalendarCell: import('vue').DefineComponent<import('vue').E
|
|
|
376
367
|
as: string | import('vue').Component;
|
|
377
368
|
asChild: boolean;
|
|
378
369
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
379
|
-
export declare const
|
|
380
|
-
/** The grid's month, so days of the months either side are marked `data-outside`. */
|
|
370
|
+
export declare const LvCalendarDay: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
381
371
|
month: {
|
|
382
372
|
type: StringConstructor;
|
|
383
373
|
default: undefined;
|
|
@@ -397,7 +387,6 @@ export declare const CalendarDay: import('vue').DefineComponent<import('vue').Ex
|
|
|
397
387
|
}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
398
388
|
[key: string]: any;
|
|
399
389
|
}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
400
|
-
/** The grid's month, so days of the months either side are marked `data-outside`. */
|
|
401
390
|
month: {
|
|
402
391
|
type: StringConstructor;
|
|
403
392
|
default: undefined;
|
|
@@ -1,10 +1,5 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
|
|
3
|
-
* A number typed or stepped: the WAI-ARIA spinbutton. Typing is free while the
|
|
4
|
-
* field has focus; the value is read, held within min and max and snapped to
|
|
5
|
-
* the step when it is committed (blur or Enter).
|
|
6
|
-
*/
|
|
7
|
-
export declare const NumberFieldRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
2
|
+
export declare const LvNumberFieldRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
8
3
|
modelValue: {
|
|
9
4
|
type: PropType<number | null>;
|
|
10
5
|
default: undefined;
|
|
@@ -29,7 +24,6 @@ export declare const NumberFieldRoot: import('vue').DefineComponent<import('vue'
|
|
|
29
24
|
type: StringConstructor;
|
|
30
25
|
default: undefined;
|
|
31
26
|
};
|
|
32
|
-
/** Intl options for how the number is written: units, percent, fraction digits. */
|
|
33
27
|
formatOptions: {
|
|
34
28
|
type: PropType<Intl.NumberFormatOptions>;
|
|
35
29
|
default: undefined;
|
|
@@ -38,12 +32,10 @@ export declare const NumberFieldRoot: import('vue').DefineComponent<import('vue'
|
|
|
38
32
|
type: BooleanConstructor;
|
|
39
33
|
default: boolean;
|
|
40
34
|
};
|
|
41
|
-
/** Reads the value aloud: `(value) => '3 guarantors'`. */
|
|
42
35
|
getValueLabel: {
|
|
43
36
|
type: PropType<(value: number) => string>;
|
|
44
37
|
default: undefined;
|
|
45
38
|
};
|
|
46
|
-
/** Adds a hidden input so the value submits with a native form. */
|
|
47
39
|
name: {
|
|
48
40
|
type: StringConstructor;
|
|
49
41
|
default: undefined;
|
|
@@ -85,7 +77,6 @@ export declare const NumberFieldRoot: import('vue').DefineComponent<import('vue'
|
|
|
85
77
|
type: StringConstructor;
|
|
86
78
|
default: undefined;
|
|
87
79
|
};
|
|
88
|
-
/** Intl options for how the number is written: units, percent, fraction digits. */
|
|
89
80
|
formatOptions: {
|
|
90
81
|
type: PropType<Intl.NumberFormatOptions>;
|
|
91
82
|
default: undefined;
|
|
@@ -94,12 +85,10 @@ export declare const NumberFieldRoot: import('vue').DefineComponent<import('vue'
|
|
|
94
85
|
type: BooleanConstructor;
|
|
95
86
|
default: boolean;
|
|
96
87
|
};
|
|
97
|
-
/** Reads the value aloud: `(value) => '3 guarantors'`. */
|
|
98
88
|
getValueLabel: {
|
|
99
89
|
type: PropType<(value: number) => string>;
|
|
100
90
|
default: undefined;
|
|
101
91
|
};
|
|
102
|
-
/** Adds a hidden input so the value submits with a native form. */
|
|
103
92
|
name: {
|
|
104
93
|
type: StringConstructor;
|
|
105
94
|
default: undefined;
|
|
@@ -128,7 +117,7 @@ export declare const NumberFieldRoot: import('vue').DefineComponent<import('vue'
|
|
|
128
117
|
defaultValue: number | null;
|
|
129
118
|
getValueLabel: (value: number) => string;
|
|
130
119
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
131
|
-
export declare const
|
|
120
|
+
export declare const LvNumberFieldInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
132
121
|
as: {
|
|
133
122
|
default: string;
|
|
134
123
|
type: PropType<string | import('vue').Component>;
|
|
@@ -152,7 +141,7 @@ export declare const NumberFieldInput: import('vue').DefineComponent<import('vue
|
|
|
152
141
|
as: string | import('vue').Component;
|
|
153
142
|
asChild: boolean;
|
|
154
143
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
155
|
-
export declare const
|
|
144
|
+
export declare const LvNumberFieldIncrement: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
156
145
|
readonly as: {
|
|
157
146
|
readonly default: "button";
|
|
158
147
|
readonly type: PropType<string | import('vue').Component>;
|
|
@@ -176,7 +165,7 @@ export declare const NumberFieldIncrement: import('vue').DefineComponent<import(
|
|
|
176
165
|
readonly as: string | import('vue').Component;
|
|
177
166
|
readonly asChild: boolean;
|
|
178
167
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
179
|
-
export declare const
|
|
168
|
+
export declare const LvNumberFieldDecrement: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
180
169
|
readonly as: {
|
|
181
170
|
readonly default: "button";
|
|
182
171
|
readonly type: PropType<string | import('vue').Component>;
|
|
@@ -1,11 +1,7 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
2
|
import { pinCharacters, PinInputType } from '@lovince/ui-headless';
|
|
3
3
|
export { pinCharacters, type PinInputType };
|
|
4
|
-
|
|
5
|
-
* One box per character of a short code. The value is a plain string with no
|
|
6
|
-
* gaps; paste and SMS autofill spread across boxes.
|
|
7
|
-
*/
|
|
8
|
-
export declare const PinInputRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
4
|
+
export declare const LvPinInputRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
9
5
|
modelValue: {
|
|
10
6
|
type: StringConstructor;
|
|
11
7
|
default: undefined;
|
|
@@ -22,12 +18,10 @@ export declare const PinInputRoot: import('vue').DefineComponent<import('vue').E
|
|
|
22
18
|
type: PropType<PinInputType>;
|
|
23
19
|
default: string;
|
|
24
20
|
};
|
|
25
|
-
/** Hide the characters, as for a PIN. */
|
|
26
21
|
mask: {
|
|
27
22
|
type: BooleanConstructor;
|
|
28
23
|
default: boolean;
|
|
29
24
|
};
|
|
30
|
-
/** Offer the platform's one-time-code autofill (SMS codes on iOS and Android). */
|
|
31
25
|
otp: {
|
|
32
26
|
type: BooleanConstructor;
|
|
33
27
|
default: boolean;
|
|
@@ -44,7 +38,6 @@ export declare const PinInputRoot: import('vue').DefineComponent<import('vue').E
|
|
|
44
38
|
type: StringConstructor;
|
|
45
39
|
default: string;
|
|
46
40
|
};
|
|
47
|
-
/** Adds a hidden input so the code submits with a native form. */
|
|
48
41
|
name: {
|
|
49
42
|
type: StringConstructor;
|
|
50
43
|
default: undefined;
|
|
@@ -79,12 +72,10 @@ export declare const PinInputRoot: import('vue').DefineComponent<import('vue').E
|
|
|
79
72
|
type: PropType<PinInputType>;
|
|
80
73
|
default: string;
|
|
81
74
|
};
|
|
82
|
-
/** Hide the characters, as for a PIN. */
|
|
83
75
|
mask: {
|
|
84
76
|
type: BooleanConstructor;
|
|
85
77
|
default: boolean;
|
|
86
78
|
};
|
|
87
|
-
/** Offer the platform's one-time-code autofill (SMS codes on iOS and Android). */
|
|
88
79
|
otp: {
|
|
89
80
|
type: BooleanConstructor;
|
|
90
81
|
default: boolean;
|
|
@@ -101,7 +92,6 @@ export declare const PinInputRoot: import('vue').DefineComponent<import('vue').E
|
|
|
101
92
|
type: StringConstructor;
|
|
102
93
|
default: string;
|
|
103
94
|
};
|
|
104
|
-
/** Adds a hidden input so the code submits with a native form. */
|
|
105
95
|
name: {
|
|
106
96
|
type: StringConstructor;
|
|
107
97
|
default: undefined;
|
|
@@ -131,7 +121,7 @@ export declare const PinInputRoot: import('vue').DefineComponent<import('vue').E
|
|
|
131
121
|
defaultValue: string;
|
|
132
122
|
otp: boolean;
|
|
133
123
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
134
|
-
export declare const
|
|
124
|
+
export declare const LvPinInputInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
135
125
|
as: {
|
|
136
126
|
default: string;
|
|
137
127
|
type: PropType<string | import('vue').Component>;
|
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
2
|
import { Direction, Orientation } from '@lovince/ui-headless';
|
|
3
|
-
|
|
4
|
-
* One value or several (a range) along a track. The value is always an array;
|
|
5
|
-
* one thumb per entry. Thumbs never cross.
|
|
6
|
-
*/
|
|
7
|
-
export declare const SliderRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
3
|
+
export declare const LvSliderRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
8
4
|
modelValue: {
|
|
9
5
|
type: PropType<number[]>;
|
|
10
6
|
default: undefined;
|
|
@@ -41,12 +37,10 @@ export declare const SliderRoot: import('vue').DefineComponent<import('vue').Ext
|
|
|
41
37
|
type: BooleanConstructor;
|
|
42
38
|
default: boolean;
|
|
43
39
|
};
|
|
44
|
-
/** Reads a value aloud: `(value) => 'KES 25,000'`. */
|
|
45
40
|
getValueLabel: {
|
|
46
41
|
type: PropType<(value: number, index: number) => string>;
|
|
47
42
|
default: undefined;
|
|
48
43
|
};
|
|
49
|
-
/** Adds hidden inputs so the values submit with a native form. */
|
|
50
44
|
name: {
|
|
51
45
|
type: StringConstructor;
|
|
52
46
|
default: undefined;
|
|
@@ -63,7 +57,6 @@ export declare const SliderRoot: import('vue').DefineComponent<import('vue').Ext
|
|
|
63
57
|
[key: string]: any;
|
|
64
58
|
}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
65
59
|
'update:modelValue': (value: number[]) => boolean;
|
|
66
|
-
/** The drag or key press that changed it has finished: the moment to save or fetch. */
|
|
67
60
|
commit: (value: number[]) => boolean;
|
|
68
61
|
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
69
62
|
modelValue: {
|
|
@@ -102,12 +95,10 @@ export declare const SliderRoot: import('vue').DefineComponent<import('vue').Ext
|
|
|
102
95
|
type: BooleanConstructor;
|
|
103
96
|
default: boolean;
|
|
104
97
|
};
|
|
105
|
-
/** Reads a value aloud: `(value) => 'KES 25,000'`. */
|
|
106
98
|
getValueLabel: {
|
|
107
99
|
type: PropType<(value: number, index: number) => string>;
|
|
108
100
|
default: undefined;
|
|
109
101
|
};
|
|
110
|
-
/** Adds hidden inputs so the values submit with a native form. */
|
|
111
102
|
name: {
|
|
112
103
|
type: StringConstructor;
|
|
113
104
|
default: undefined;
|
|
@@ -138,7 +129,7 @@ export declare const SliderRoot: import('vue').DefineComponent<import('vue').Ext
|
|
|
138
129
|
defaultValue: number[];
|
|
139
130
|
getValueLabel: (value: number, index: number) => string;
|
|
140
131
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
141
|
-
export declare const
|
|
132
|
+
export declare const LvSliderTrack: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
142
133
|
readonly as: {
|
|
143
134
|
readonly type: PropType<string | import('vue').Component>;
|
|
144
135
|
readonly default: "div";
|
|
@@ -162,8 +153,7 @@ export declare const SliderTrack: import('vue').DefineComponent<import('vue').Ex
|
|
|
162
153
|
readonly as: string | import('vue').Component;
|
|
163
154
|
readonly asChild: boolean;
|
|
164
155
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
165
|
-
|
|
166
|
-
export declare const SliderRange: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
156
|
+
export declare const LvSliderRange: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
167
157
|
readonly as: {
|
|
168
158
|
readonly type: PropType<string | import('vue').Component>;
|
|
169
159
|
readonly default: "div";
|
|
@@ -187,7 +177,7 @@ export declare const SliderRange: import('vue').DefineComponent<import('vue').Ex
|
|
|
187
177
|
readonly as: string | import('vue').Component;
|
|
188
178
|
readonly asChild: boolean;
|
|
189
179
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
190
|
-
export declare const
|
|
180
|
+
export declare const LvSliderThumb: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
191
181
|
as: {
|
|
192
182
|
default: string;
|
|
193
183
|
type: PropType<string | import('vue').Component>;
|
|
@@ -1,26 +1,22 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import { Orientation } from '@lovince/ui-headless';
|
|
3
|
-
|
|
4
|
-
* A row of slides shown one view at a time — the WAI-ARIA carousel. It
|
|
5
|
-
* scrolls natively with scroll snapping; the buttons and dots move it for
|
|
6
|
-
* everyone else. It never moves on its own.
|
|
7
|
-
*/
|
|
8
|
-
export declare const CarouselRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
9
|
-
/** The first slide in view. */
|
|
2
|
+
import { CarouselMode, Orientation } from '@lovince/ui-headless';
|
|
3
|
+
export declare const LvCarouselRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
10
4
|
modelValue: {
|
|
11
5
|
type: NumberConstructor;
|
|
12
6
|
default: undefined;
|
|
13
7
|
};
|
|
8
|
+
mode: {
|
|
9
|
+
type: PropType<CarouselMode>;
|
|
10
|
+
default: string;
|
|
11
|
+
};
|
|
14
12
|
orientation: {
|
|
15
13
|
type: PropType<Orientation>;
|
|
16
14
|
default: string;
|
|
17
15
|
};
|
|
18
|
-
/** Next on the last slide goes back to the first. */
|
|
19
16
|
loop: {
|
|
20
17
|
type: BooleanConstructor;
|
|
21
18
|
default: boolean;
|
|
22
19
|
};
|
|
23
|
-
/** Names the carousel: “Borrower documents”. */
|
|
24
20
|
label: {
|
|
25
21
|
type: StringConstructor;
|
|
26
22
|
default: undefined;
|
|
@@ -42,21 +38,22 @@ export declare const CarouselRoot: import('vue').DefineComponent<import('vue').E
|
|
|
42
38
|
}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
43
39
|
'update:modelValue': (index: number) => boolean;
|
|
44
40
|
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
45
|
-
/** The first slide in view. */
|
|
46
41
|
modelValue: {
|
|
47
42
|
type: NumberConstructor;
|
|
48
43
|
default: undefined;
|
|
49
44
|
};
|
|
45
|
+
mode: {
|
|
46
|
+
type: PropType<CarouselMode>;
|
|
47
|
+
default: string;
|
|
48
|
+
};
|
|
50
49
|
orientation: {
|
|
51
50
|
type: PropType<Orientation>;
|
|
52
51
|
default: string;
|
|
53
52
|
};
|
|
54
|
-
/** Next on the last slide goes back to the first. */
|
|
55
53
|
loop: {
|
|
56
54
|
type: BooleanConstructor;
|
|
57
55
|
default: boolean;
|
|
58
56
|
};
|
|
59
|
-
/** Names the carousel: “Borrower documents”. */
|
|
60
57
|
label: {
|
|
61
58
|
type: StringConstructor;
|
|
62
59
|
default: undefined;
|
|
@@ -76,6 +73,7 @@ export declare const CarouselRoot: import('vue').DefineComponent<import('vue').E
|
|
|
76
73
|
}>> & Readonly<{
|
|
77
74
|
"onUpdate:modelValue"?: ((index: number) => any) | undefined;
|
|
78
75
|
}>, {
|
|
76
|
+
mode: CarouselMode;
|
|
79
77
|
as: string | import('vue').Component;
|
|
80
78
|
asChild: boolean;
|
|
81
79
|
label: string;
|
|
@@ -84,7 +82,7 @@ export declare const CarouselRoot: import('vue').DefineComponent<import('vue').E
|
|
|
84
82
|
modelValue: number;
|
|
85
83
|
roleDescription: string;
|
|
86
84
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
87
|
-
export declare const
|
|
85
|
+
export declare const LvCarouselViewport: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
88
86
|
readonly as: {
|
|
89
87
|
readonly type: PropType<string | import('vue').Component>;
|
|
90
88
|
readonly default: "div";
|
|
@@ -108,7 +106,7 @@ export declare const CarouselViewport: import('vue').DefineComponent<import('vue
|
|
|
108
106
|
readonly as: string | import('vue').Component;
|
|
109
107
|
readonly asChild: boolean;
|
|
110
108
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
111
|
-
export declare const
|
|
109
|
+
export declare const LvCarouselSlide: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
112
110
|
getLabel: {
|
|
113
111
|
type: PropType<(position: number, total: number) => string>;
|
|
114
112
|
default: undefined;
|
|
@@ -150,7 +148,7 @@ export declare const CarouselSlide: import('vue').DefineComponent<import('vue').
|
|
|
150
148
|
roleDescription: string;
|
|
151
149
|
getLabel: (position: number, total: number) => string;
|
|
152
150
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
153
|
-
export declare const
|
|
151
|
+
export declare const LvCarouselPrevious: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
154
152
|
label: {
|
|
155
153
|
type: StringConstructor;
|
|
156
154
|
default: string;
|
|
@@ -183,7 +181,7 @@ export declare const CarouselPrevious: import('vue').DefineComponent<import('vue
|
|
|
183
181
|
asChild: boolean;
|
|
184
182
|
label: string;
|
|
185
183
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
186
|
-
export declare const
|
|
184
|
+
export declare const LvCarouselNext: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
187
185
|
label: {
|
|
188
186
|
type: StringConstructor;
|
|
189
187
|
default: string;
|
|
@@ -216,8 +214,7 @@ export declare const CarouselNext: import('vue').DefineComponent<import('vue').E
|
|
|
216
214
|
asChild: boolean;
|
|
217
215
|
label: string;
|
|
218
216
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
219
|
-
|
|
220
|
-
export declare const CarouselIndicators: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
217
|
+
export declare const LvCarouselIndicators: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
221
218
|
label: {
|
|
222
219
|
type: StringConstructor;
|
|
223
220
|
default: string;
|
|
@@ -250,7 +247,7 @@ export declare const CarouselIndicators: import('vue').DefineComponent<import('v
|
|
|
250
247
|
asChild: boolean;
|
|
251
248
|
label: string;
|
|
252
249
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
253
|
-
export declare const
|
|
250
|
+
export declare const LvCarouselIndicator: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
254
251
|
index: {
|
|
255
252
|
type: NumberConstructor;
|
|
256
253
|
required: true;
|
|
@@ -291,3 +288,36 @@ export declare const CarouselIndicator: import('vue').DefineComponent<import('vu
|
|
|
291
288
|
asChild: boolean;
|
|
292
289
|
label: string;
|
|
293
290
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
291
|
+
export declare const LvCarouselStatus: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
292
|
+
getText: {
|
|
293
|
+
type: PropType<(position: number, total: number) => string>;
|
|
294
|
+
default: undefined;
|
|
295
|
+
};
|
|
296
|
+
as: {
|
|
297
|
+
readonly type: PropType<string | import('vue').Component>;
|
|
298
|
+
readonly default: "div";
|
|
299
|
+
};
|
|
300
|
+
asChild: {
|
|
301
|
+
readonly type: BooleanConstructor;
|
|
302
|
+
readonly default: false;
|
|
303
|
+
};
|
|
304
|
+
}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
305
|
+
[key: string]: any;
|
|
306
|
+
}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
307
|
+
getText: {
|
|
308
|
+
type: PropType<(position: number, total: number) => string>;
|
|
309
|
+
default: undefined;
|
|
310
|
+
};
|
|
311
|
+
as: {
|
|
312
|
+
readonly type: PropType<string | import('vue').Component>;
|
|
313
|
+
readonly default: "div";
|
|
314
|
+
};
|
|
315
|
+
asChild: {
|
|
316
|
+
readonly type: BooleanConstructor;
|
|
317
|
+
readonly default: false;
|
|
318
|
+
};
|
|
319
|
+
}>> & Readonly<{}>, {
|
|
320
|
+
as: string | import('vue').Component;
|
|
321
|
+
asChild: boolean;
|
|
322
|
+
getText: (position: number, total: number) => string;
|
|
323
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import { MarqueeDirection } from '@lovince/ui-headless';
|
|
3
|
+
export declare const LvMarqueeRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
4
|
+
direction: {
|
|
5
|
+
type: PropType<MarqueeDirection>;
|
|
6
|
+
default: string;
|
|
7
|
+
};
|
|
8
|
+
speed: {
|
|
9
|
+
type: NumberConstructor;
|
|
10
|
+
default: number;
|
|
11
|
+
};
|
|
12
|
+
pauseOnHover: {
|
|
13
|
+
type: BooleanConstructor;
|
|
14
|
+
default: boolean;
|
|
15
|
+
};
|
|
16
|
+
label: {
|
|
17
|
+
type: StringConstructor;
|
|
18
|
+
default: undefined;
|
|
19
|
+
};
|
|
20
|
+
as: {
|
|
21
|
+
readonly type: PropType<string | import('vue').Component>;
|
|
22
|
+
readonly default: "div";
|
|
23
|
+
};
|
|
24
|
+
asChild: {
|
|
25
|
+
readonly type: BooleanConstructor;
|
|
26
|
+
readonly default: false;
|
|
27
|
+
};
|
|
28
|
+
}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
29
|
+
[key: string]: any;
|
|
30
|
+
}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
31
|
+
direction: {
|
|
32
|
+
type: PropType<MarqueeDirection>;
|
|
33
|
+
default: string;
|
|
34
|
+
};
|
|
35
|
+
speed: {
|
|
36
|
+
type: NumberConstructor;
|
|
37
|
+
default: number;
|
|
38
|
+
};
|
|
39
|
+
pauseOnHover: {
|
|
40
|
+
type: BooleanConstructor;
|
|
41
|
+
default: boolean;
|
|
42
|
+
};
|
|
43
|
+
label: {
|
|
44
|
+
type: StringConstructor;
|
|
45
|
+
default: undefined;
|
|
46
|
+
};
|
|
47
|
+
as: {
|
|
48
|
+
readonly type: PropType<string | import('vue').Component>;
|
|
49
|
+
readonly default: "div";
|
|
50
|
+
};
|
|
51
|
+
asChild: {
|
|
52
|
+
readonly type: BooleanConstructor;
|
|
53
|
+
readonly default: false;
|
|
54
|
+
};
|
|
55
|
+
}>> & Readonly<{}>, {
|
|
56
|
+
as: string | import('vue').Component;
|
|
57
|
+
asChild: boolean;
|
|
58
|
+
label: string;
|
|
59
|
+
direction: MarqueeDirection;
|
|
60
|
+
speed: number;
|
|
61
|
+
pauseOnHover: boolean;
|
|
62
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
63
|
+
export declare const LvMarqueePause: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
64
|
+
pauseLabel: {
|
|
65
|
+
type: StringConstructor;
|
|
66
|
+
default: string;
|
|
67
|
+
};
|
|
68
|
+
playLabel: {
|
|
69
|
+
type: StringConstructor;
|
|
70
|
+
default: string;
|
|
71
|
+
};
|
|
72
|
+
as: {
|
|
73
|
+
readonly default: "button";
|
|
74
|
+
readonly type: PropType<string | import('vue').Component>;
|
|
75
|
+
};
|
|
76
|
+
asChild: {
|
|
77
|
+
readonly type: BooleanConstructor;
|
|
78
|
+
readonly default: false;
|
|
79
|
+
};
|
|
80
|
+
}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
81
|
+
[key: string]: any;
|
|
82
|
+
}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
83
|
+
pauseLabel: {
|
|
84
|
+
type: StringConstructor;
|
|
85
|
+
default: string;
|
|
86
|
+
};
|
|
87
|
+
playLabel: {
|
|
88
|
+
type: StringConstructor;
|
|
89
|
+
default: string;
|
|
90
|
+
};
|
|
91
|
+
as: {
|
|
92
|
+
readonly default: "button";
|
|
93
|
+
readonly type: PropType<string | import('vue').Component>;
|
|
94
|
+
};
|
|
95
|
+
asChild: {
|
|
96
|
+
readonly type: BooleanConstructor;
|
|
97
|
+
readonly default: false;
|
|
98
|
+
};
|
|
99
|
+
}>> & Readonly<{}>, {
|
|
100
|
+
as: string | import('vue').Component;
|
|
101
|
+
asChild: boolean;
|
|
102
|
+
pauseLabel: string;
|
|
103
|
+
playLabel: string;
|
|
104
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|