@xleddyl/443-components-vue 0.10.2 → 0.11.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/CATALOG.md +185 -175
- package/README.md +47 -21
- package/dist/components/data/Tag.vue +2 -0
- package/dist/components/data/Tag.vue.d.ts +2 -0
- package/dist/components/data/TagList.vue +239 -0
- package/dist/components/data/TagList.vue.d.ts +53 -0
- package/dist/components/data/index.d.ts +1 -0
- package/dist/components/data/index.mjs +1 -0
- package/dist/components/data/types.d.ts +15 -0
- package/dist/components/forms/Combobox.vue +33 -4
- package/dist/components/forms/Combobox.vue.d.ts +3 -1
- package/dist/components/forms/NumberInput.vue.d.ts +1 -1
- package/dist/components/forms/PinInput.vue.d.ts +2 -2
- package/dist/components/forms/types.d.ts +2 -0
- package/dist/components/layout/AppShell.vue +14 -2
- package/dist/components/layout/AppShell.vue.d.ts +3 -1
- package/dist/components/layout/Stepper.vue +148 -0
- package/dist/components/layout/Stepper.vue.d.ts +420 -0
- package/dist/components/layout/index.d.ts +1 -0
- package/dist/components/layout/index.mjs +1 -0
- package/dist/components/layout/types.d.ts +12 -0
- package/dist/components/overlays/Toaster.vue +10 -0
- package/dist/components/overlays/Toaster.vue.d.ts +1 -1
- package/dist/components/templates/DashboardLayout.vue +2 -0
- package/dist/components/templates/DashboardLayout.vue.d.ts +3 -1
- package/dist/components/templates/types.d.ts +2 -1
- package/dist/composables/data.d.ts +1 -0
- package/dist/composables/data.mjs +1 -0
- package/dist/composables/useSortable.d.ts +38 -0
- package/dist/composables/useSortable.mjs +215 -0
- package/dist/grid/cells/BadgeCell.vue +90 -18
- package/dist/grid/cells/BadgeCell.vue.d.ts +14 -14
- package/dist/grid/data-grid.css +24 -0
- package/dist/grid/spreadsheet.mjs +8 -4
- package/dist/grid/types.d.ts +2 -0
- package/dist/internal/data/sortable.d.ts +5 -0
- package/dist/internal/data/sortable.mjs +23 -0
- package/dist/internal/overlays/avoid.d.ts +26 -0
- package/dist/internal/overlays/avoid.mjs +134 -0
- package/dist/locale/de.mjs +20 -0
- package/dist/locale/en.mjs +20 -0
- package/dist/locale/it.mjs +20 -0
- package/dist/locale/types.d.ts +20 -0
- package/dist/nuxt/module.mjs +14 -0
- package/dist/nuxt/runtime/layouts/dashboard.vue +8 -1
- package/dist/styles/data/tag-list.css +93 -0
- package/dist/styles/data.css +1 -0
- package/dist/styles/forced-colors.css +10 -0
- package/dist/styles/layout/app-shell.css +23 -0
- package/dist/styles/layout/stepper.css +244 -0
- package/dist/styles/layout.css +1 -0
- package/dist/styles/overlays/toast.css +17 -12
- package/package.json +1 -1
|
@@ -0,0 +1,420 @@
|
|
|
1
|
+
import type { StepperOrientation, StepperStep } from './types';
|
|
2
|
+
declare const __VLS_export: import("vue").DefineComponent<{
|
|
3
|
+
steps: StepperStep[];
|
|
4
|
+
label?: string;
|
|
5
|
+
orientation?: StepperOrientation;
|
|
6
|
+
size?: "sm" | "md";
|
|
7
|
+
linear?: boolean;
|
|
8
|
+
readonly?: boolean;
|
|
9
|
+
compact?: boolean | "auto";
|
|
10
|
+
positionLabel?: string;
|
|
11
|
+
completeLabel?: string;
|
|
12
|
+
errorLabel?: string;
|
|
13
|
+
modelValue?: StepperStep["value"];
|
|
14
|
+
key?: PropertyKey | undefined;
|
|
15
|
+
prefix?: string | undefined | undefined;
|
|
16
|
+
title?: string | undefined | undefined;
|
|
17
|
+
style?: import("vue").StyleValue;
|
|
18
|
+
results?: (string | number) | undefined;
|
|
19
|
+
placeholder?: string | undefined | undefined;
|
|
20
|
+
dir?: string | undefined | undefined;
|
|
21
|
+
class?: import("vue").ClassValue;
|
|
22
|
+
role?: string | undefined | undefined;
|
|
23
|
+
'aria-label'?: string | undefined | undefined;
|
|
24
|
+
'aria-hidden'?: (boolean | "true" | "false") | undefined;
|
|
25
|
+
onCopy?: ((payload: ClipboardEvent) => void) | undefined;
|
|
26
|
+
onCut?: ((payload: ClipboardEvent) => void) | undefined;
|
|
27
|
+
onPaste?: ((payload: ClipboardEvent) => void) | undefined;
|
|
28
|
+
onCompositionend?: ((payload: CompositionEvent) => void) | undefined;
|
|
29
|
+
onCompositionstart?: ((payload: CompositionEvent) => void) | undefined;
|
|
30
|
+
onCompositionupdate?: ((payload: CompositionEvent) => void) | undefined;
|
|
31
|
+
onDrag?: ((payload: DragEvent) => void) | undefined;
|
|
32
|
+
onDragend?: ((payload: DragEvent) => void) | undefined;
|
|
33
|
+
onDragenter?: ((payload: DragEvent) => void) | undefined;
|
|
34
|
+
onDragexit?: ((payload: DragEvent) => void) | undefined;
|
|
35
|
+
onDragleave?: ((payload: DragEvent) => void) | undefined;
|
|
36
|
+
onDragover?: ((payload: DragEvent) => void) | undefined;
|
|
37
|
+
onDragstart?: ((payload: DragEvent) => void) | undefined;
|
|
38
|
+
onDrop?: ((payload: DragEvent) => void) | undefined;
|
|
39
|
+
onFocus?: ((payload: FocusEvent) => void) | undefined;
|
|
40
|
+
onFocusin?: ((payload: FocusEvent) => void) | undefined;
|
|
41
|
+
onFocusout?: ((payload: FocusEvent) => void) | undefined;
|
|
42
|
+
onBlur?: ((payload: FocusEvent) => void) | undefined;
|
|
43
|
+
onChange?: ((payload: Event) => void) | undefined;
|
|
44
|
+
onBeforeinput?: ((payload: InputEvent) => void) | undefined;
|
|
45
|
+
onFormdata?: ((payload: FormDataEvent) => void) | undefined;
|
|
46
|
+
onInput?: ((payload: InputEvent) => void) | undefined;
|
|
47
|
+
onReset?: ((payload: Event) => void) | undefined;
|
|
48
|
+
onSubmit?: ((payload: SubmitEvent) => void) | undefined;
|
|
49
|
+
onInvalid?: ((payload: Event) => void) | undefined;
|
|
50
|
+
onFullscreenchange?: ((payload: Event) => void) | undefined;
|
|
51
|
+
onFullscreenerror?: ((payload: Event) => void) | undefined;
|
|
52
|
+
onLoad?: ((payload: Event) => void) | undefined;
|
|
53
|
+
onError?: ((payload: Event) => void) | undefined;
|
|
54
|
+
onKeydown?: ((payload: KeyboardEvent) => void) | undefined;
|
|
55
|
+
onKeypress?: ((payload: KeyboardEvent) => void) | undefined;
|
|
56
|
+
onKeyup?: ((payload: KeyboardEvent) => void) | undefined;
|
|
57
|
+
onDblclick?: ((payload: MouseEvent) => void) | undefined;
|
|
58
|
+
onMousedown?: ((payload: MouseEvent) => void) | undefined;
|
|
59
|
+
onMouseenter?: ((payload: MouseEvent) => void) | undefined;
|
|
60
|
+
onMouseleave?: ((payload: MouseEvent) => void) | undefined;
|
|
61
|
+
onMousemove?: ((payload: MouseEvent) => void) | undefined;
|
|
62
|
+
onMouseout?: ((payload: MouseEvent) => void) | undefined;
|
|
63
|
+
onMouseover?: ((payload: MouseEvent) => void) | undefined;
|
|
64
|
+
onMouseup?: ((payload: MouseEvent) => void) | undefined;
|
|
65
|
+
onAbort?: ((payload: UIEvent) => void) | undefined;
|
|
66
|
+
onCanplay?: ((payload: Event) => void) | undefined;
|
|
67
|
+
onCanplaythrough?: ((payload: Event) => void) | undefined;
|
|
68
|
+
onDurationchange?: ((payload: Event) => void) | undefined;
|
|
69
|
+
onEmptied?: ((payload: Event) => void) | undefined;
|
|
70
|
+
onEncrypted?: ((payload: MediaEncryptedEvent) => void) | undefined;
|
|
71
|
+
onEnded?: ((payload: Event) => void) | undefined;
|
|
72
|
+
onLoadeddata?: ((payload: Event) => void) | undefined;
|
|
73
|
+
onLoadedmetadata?: ((payload: Event) => void) | undefined;
|
|
74
|
+
onLoadstart?: ((payload: Event) => void) | undefined;
|
|
75
|
+
onPause?: ((payload: Event) => void) | undefined;
|
|
76
|
+
onPlay?: ((payload: Event) => void) | undefined;
|
|
77
|
+
onPlaying?: ((payload: Event) => void) | undefined;
|
|
78
|
+
onProgress?: ((payload: ProgressEvent<EventTarget>) => void) | undefined;
|
|
79
|
+
onRatechange?: ((payload: Event) => void) | undefined;
|
|
80
|
+
onSeeked?: ((payload: Event) => void) | undefined;
|
|
81
|
+
onSeeking?: ((payload: Event) => void) | undefined;
|
|
82
|
+
onStalled?: ((payload: Event) => void) | undefined;
|
|
83
|
+
onSuspend?: ((payload: Event) => void) | undefined;
|
|
84
|
+
onTimeupdate?: ((payload: Event) => void) | undefined;
|
|
85
|
+
onVolumechange?: ((payload: Event) => void) | undefined;
|
|
86
|
+
onWaiting?: ((payload: Event) => void) | undefined;
|
|
87
|
+
onScroll?: ((payload: Event) => void) | undefined;
|
|
88
|
+
onScrollend?: ((payload: Event) => void) | undefined;
|
|
89
|
+
onTouchcancel?: ((payload: TouchEvent) => void) | undefined;
|
|
90
|
+
onTouchend?: ((payload: TouchEvent) => void) | undefined;
|
|
91
|
+
onTouchmove?: ((payload: TouchEvent) => void) | undefined;
|
|
92
|
+
onTouchstart?: ((payload: TouchEvent) => void) | undefined;
|
|
93
|
+
onAuxclick?: ((payload: PointerEvent) => void) | undefined;
|
|
94
|
+
onClick?: ((payload: PointerEvent) => void) | undefined;
|
|
95
|
+
onContextmenu?: ((payload: PointerEvent) => void) | undefined;
|
|
96
|
+
onGotpointercapture?: ((payload: PointerEvent) => void) | undefined;
|
|
97
|
+
onLostpointercapture?: ((payload: PointerEvent) => void) | undefined;
|
|
98
|
+
onPointerdown?: ((payload: PointerEvent) => void) | undefined;
|
|
99
|
+
onPointermove?: ((payload: PointerEvent) => void) | undefined;
|
|
100
|
+
onPointerup?: ((payload: PointerEvent) => void) | undefined;
|
|
101
|
+
onPointercancel?: ((payload: PointerEvent) => void) | undefined;
|
|
102
|
+
onPointerenter?: ((payload: PointerEvent) => void) | undefined;
|
|
103
|
+
onPointerleave?: ((payload: PointerEvent) => void) | undefined;
|
|
104
|
+
onPointerover?: ((payload: PointerEvent) => void) | undefined;
|
|
105
|
+
onPointerout?: ((payload: PointerEvent) => void) | undefined;
|
|
106
|
+
onBeforetoggle?: ((payload: ToggleEvent) => void) | undefined;
|
|
107
|
+
onToggle?: ((payload: ToggleEvent) => void) | undefined;
|
|
108
|
+
onWheel?: ((payload: WheelEvent) => void) | undefined;
|
|
109
|
+
onAnimationcancel?: ((payload: AnimationEvent) => void) | undefined;
|
|
110
|
+
onAnimationstart?: ((payload: AnimationEvent) => void) | undefined;
|
|
111
|
+
onAnimationend?: ((payload: AnimationEvent) => void) | undefined;
|
|
112
|
+
onAnimationiteration?: ((payload: AnimationEvent) => void) | undefined;
|
|
113
|
+
onSecuritypolicyviolation?: ((payload: SecurityPolicyViolationEvent) => void) | undefined;
|
|
114
|
+
onTransitioncancel?: ((payload: TransitionEvent) => void) | undefined;
|
|
115
|
+
onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
|
|
116
|
+
onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
|
|
117
|
+
onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
|
|
118
|
+
innerHTML?: string | undefined | undefined;
|
|
119
|
+
color?: string | undefined | undefined;
|
|
120
|
+
id?: string | undefined | undefined;
|
|
121
|
+
lang?: string | undefined | undefined;
|
|
122
|
+
tabindex?: (string | number) | undefined;
|
|
123
|
+
'aria-activedescendant'?: string | undefined | undefined;
|
|
124
|
+
'aria-atomic'?: (boolean | "true" | "false") | undefined;
|
|
125
|
+
'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined | undefined;
|
|
126
|
+
'aria-busy'?: (boolean | "true" | "false") | undefined;
|
|
127
|
+
'aria-checked'?: (boolean | "true" | "false") | "mixed" | undefined;
|
|
128
|
+
'aria-colcount'?: (string | number) | undefined;
|
|
129
|
+
'aria-colindex'?: (string | number) | undefined;
|
|
130
|
+
'aria-colspan'?: (string | number) | undefined;
|
|
131
|
+
'aria-controls'?: string | undefined | undefined;
|
|
132
|
+
'aria-current'?: "page" | "time" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
|
|
133
|
+
'aria-describedby'?: string | undefined | undefined;
|
|
134
|
+
'aria-details'?: string | undefined | undefined;
|
|
135
|
+
'aria-disabled'?: (boolean | "true" | "false") | undefined;
|
|
136
|
+
'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
|
|
137
|
+
'aria-errormessage'?: string | undefined | undefined;
|
|
138
|
+
'aria-expanded'?: (boolean | "true" | "false") | undefined;
|
|
139
|
+
'aria-flowto'?: string | undefined | undefined;
|
|
140
|
+
'aria-grabbed'?: (boolean | "true" | "false") | undefined;
|
|
141
|
+
'aria-haspopup'?: "grid" | "tree" | "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | undefined;
|
|
142
|
+
'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
|
|
143
|
+
'aria-keyshortcuts'?: string | undefined | undefined;
|
|
144
|
+
'aria-labelledby'?: string | undefined | undefined;
|
|
145
|
+
'aria-level'?: (string | number) | undefined;
|
|
146
|
+
'aria-live'?: "off" | "assertive" | "polite" | undefined | undefined;
|
|
147
|
+
'aria-modal'?: (boolean | "true" | "false") | undefined;
|
|
148
|
+
'aria-multiline'?: (boolean | "true" | "false") | undefined;
|
|
149
|
+
'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
|
|
150
|
+
'aria-orientation'?: "horizontal" | "vertical" | undefined | undefined;
|
|
151
|
+
'aria-owns'?: string | undefined | undefined;
|
|
152
|
+
'aria-placeholder'?: string | undefined | undefined;
|
|
153
|
+
'aria-posinset'?: (string | number) | undefined;
|
|
154
|
+
'aria-pressed'?: (boolean | "true" | "false") | "mixed" | undefined;
|
|
155
|
+
'aria-readonly'?: (boolean | "true" | "false") | undefined;
|
|
156
|
+
'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
|
|
157
|
+
'aria-required'?: (boolean | "true" | "false") | undefined;
|
|
158
|
+
'aria-roledescription'?: string | undefined | undefined;
|
|
159
|
+
'aria-rowcount'?: (string | number) | undefined;
|
|
160
|
+
'aria-rowindex'?: (string | number) | undefined;
|
|
161
|
+
'aria-rowspan'?: (string | number) | undefined;
|
|
162
|
+
'aria-selected'?: (boolean | "true" | "false") | undefined;
|
|
163
|
+
'aria-setsize'?: (string | number) | undefined;
|
|
164
|
+
'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
|
|
165
|
+
'aria-valuemax'?: (string | number) | undefined;
|
|
166
|
+
'aria-valuemin'?: (string | number) | undefined;
|
|
167
|
+
'aria-valuenow'?: (string | number) | undefined;
|
|
168
|
+
'aria-valuetext'?: string | undefined | undefined;
|
|
169
|
+
ref?: import("vue").VNodeRef | undefined;
|
|
170
|
+
ref_for?: boolean | undefined | undefined;
|
|
171
|
+
ref_key?: string | undefined | undefined;
|
|
172
|
+
accesskey?: string | undefined | undefined;
|
|
173
|
+
contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
174
|
+
contextmenu?: string | undefined | undefined;
|
|
175
|
+
draggable?: (boolean | "true" | "false") | undefined;
|
|
176
|
+
enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
|
|
177
|
+
enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
|
|
178
|
+
hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
|
|
179
|
+
inert?: (boolean | "true" | "false") | undefined;
|
|
180
|
+
spellcheck?: (boolean | "true" | "false") | undefined;
|
|
181
|
+
translate?: "yes" | "no" | undefined | undefined;
|
|
182
|
+
radiogroup?: string | undefined | undefined;
|
|
183
|
+
about?: string | undefined | undefined;
|
|
184
|
+
datatype?: string | undefined | undefined;
|
|
185
|
+
inlist?: any;
|
|
186
|
+
property?: string | undefined | undefined;
|
|
187
|
+
resource?: string | undefined | undefined;
|
|
188
|
+
typeof?: string | undefined | undefined;
|
|
189
|
+
vocab?: string | undefined | undefined;
|
|
190
|
+
autocapitalize?: string | undefined | undefined;
|
|
191
|
+
autocorrect?: string | undefined | undefined;
|
|
192
|
+
autosave?: string | undefined | undefined;
|
|
193
|
+
itemprop?: string | undefined | undefined;
|
|
194
|
+
itemscope?: (boolean | "true" | "false") | undefined;
|
|
195
|
+
itemtype?: string | undefined | undefined;
|
|
196
|
+
itemid?: string | undefined | undefined;
|
|
197
|
+
itemref?: string | undefined | undefined;
|
|
198
|
+
security?: string | undefined | undefined;
|
|
199
|
+
unselectable?: "on" | "off" | undefined | undefined;
|
|
200
|
+
inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
|
|
201
|
+
is?: string | undefined | undefined;
|
|
202
|
+
exportparts?: string | undefined;
|
|
203
|
+
part?: string | undefined;
|
|
204
|
+
popover?: (import("../../index.ts").PopoverMode | "" | boolean) | undefined;
|
|
205
|
+
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
206
|
+
select: (step: StepperStep) => any;
|
|
207
|
+
"update:modelValue": (value: string | number | undefined) => any;
|
|
208
|
+
}, string, import("vue").PublicProps, Readonly<{
|
|
209
|
+
steps: StepperStep[];
|
|
210
|
+
label?: string;
|
|
211
|
+
orientation?: StepperOrientation;
|
|
212
|
+
size?: "sm" | "md";
|
|
213
|
+
linear?: boolean;
|
|
214
|
+
readonly?: boolean;
|
|
215
|
+
compact?: boolean | "auto";
|
|
216
|
+
positionLabel?: string;
|
|
217
|
+
completeLabel?: string;
|
|
218
|
+
errorLabel?: string;
|
|
219
|
+
modelValue?: StepperStep["value"];
|
|
220
|
+
key?: PropertyKey | undefined;
|
|
221
|
+
prefix?: string | undefined | undefined;
|
|
222
|
+
title?: string | undefined | undefined;
|
|
223
|
+
style?: import("vue").StyleValue;
|
|
224
|
+
results?: (string | number) | undefined;
|
|
225
|
+
placeholder?: string | undefined | undefined;
|
|
226
|
+
dir?: string | undefined | undefined;
|
|
227
|
+
class?: import("vue").ClassValue;
|
|
228
|
+
role?: string | undefined | undefined;
|
|
229
|
+
'aria-label'?: string | undefined | undefined;
|
|
230
|
+
'aria-hidden'?: (boolean | "true" | "false") | undefined;
|
|
231
|
+
onCopy?: ((payload: ClipboardEvent) => void) | undefined;
|
|
232
|
+
onCut?: ((payload: ClipboardEvent) => void) | undefined;
|
|
233
|
+
onPaste?: ((payload: ClipboardEvent) => void) | undefined;
|
|
234
|
+
onCompositionend?: ((payload: CompositionEvent) => void) | undefined;
|
|
235
|
+
onCompositionstart?: ((payload: CompositionEvent) => void) | undefined;
|
|
236
|
+
onCompositionupdate?: ((payload: CompositionEvent) => void) | undefined;
|
|
237
|
+
onDrag?: ((payload: DragEvent) => void) | undefined;
|
|
238
|
+
onDragend?: ((payload: DragEvent) => void) | undefined;
|
|
239
|
+
onDragenter?: ((payload: DragEvent) => void) | undefined;
|
|
240
|
+
onDragexit?: ((payload: DragEvent) => void) | undefined;
|
|
241
|
+
onDragleave?: ((payload: DragEvent) => void) | undefined;
|
|
242
|
+
onDragover?: ((payload: DragEvent) => void) | undefined;
|
|
243
|
+
onDragstart?: ((payload: DragEvent) => void) | undefined;
|
|
244
|
+
onDrop?: ((payload: DragEvent) => void) | undefined;
|
|
245
|
+
onFocus?: ((payload: FocusEvent) => void) | undefined;
|
|
246
|
+
onFocusin?: ((payload: FocusEvent) => void) | undefined;
|
|
247
|
+
onFocusout?: ((payload: FocusEvent) => void) | undefined;
|
|
248
|
+
onBlur?: ((payload: FocusEvent) => void) | undefined;
|
|
249
|
+
onChange?: ((payload: Event) => void) | undefined;
|
|
250
|
+
onBeforeinput?: ((payload: InputEvent) => void) | undefined;
|
|
251
|
+
onFormdata?: ((payload: FormDataEvent) => void) | undefined;
|
|
252
|
+
onInput?: ((payload: InputEvent) => void) | undefined;
|
|
253
|
+
onReset?: ((payload: Event) => void) | undefined;
|
|
254
|
+
onSubmit?: ((payload: SubmitEvent) => void) | undefined;
|
|
255
|
+
onInvalid?: ((payload: Event) => void) | undefined;
|
|
256
|
+
onFullscreenchange?: ((payload: Event) => void) | undefined;
|
|
257
|
+
onFullscreenerror?: ((payload: Event) => void) | undefined;
|
|
258
|
+
onLoad?: ((payload: Event) => void) | undefined;
|
|
259
|
+
onError?: ((payload: Event) => void) | undefined;
|
|
260
|
+
onKeydown?: ((payload: KeyboardEvent) => void) | undefined;
|
|
261
|
+
onKeypress?: ((payload: KeyboardEvent) => void) | undefined;
|
|
262
|
+
onKeyup?: ((payload: KeyboardEvent) => void) | undefined;
|
|
263
|
+
onDblclick?: ((payload: MouseEvent) => void) | undefined;
|
|
264
|
+
onMousedown?: ((payload: MouseEvent) => void) | undefined;
|
|
265
|
+
onMouseenter?: ((payload: MouseEvent) => void) | undefined;
|
|
266
|
+
onMouseleave?: ((payload: MouseEvent) => void) | undefined;
|
|
267
|
+
onMousemove?: ((payload: MouseEvent) => void) | undefined;
|
|
268
|
+
onMouseout?: ((payload: MouseEvent) => void) | undefined;
|
|
269
|
+
onMouseover?: ((payload: MouseEvent) => void) | undefined;
|
|
270
|
+
onMouseup?: ((payload: MouseEvent) => void) | undefined;
|
|
271
|
+
onAbort?: ((payload: UIEvent) => void) | undefined;
|
|
272
|
+
onCanplay?: ((payload: Event) => void) | undefined;
|
|
273
|
+
onCanplaythrough?: ((payload: Event) => void) | undefined;
|
|
274
|
+
onDurationchange?: ((payload: Event) => void) | undefined;
|
|
275
|
+
onEmptied?: ((payload: Event) => void) | undefined;
|
|
276
|
+
onEncrypted?: ((payload: MediaEncryptedEvent) => void) | undefined;
|
|
277
|
+
onEnded?: ((payload: Event) => void) | undefined;
|
|
278
|
+
onLoadeddata?: ((payload: Event) => void) | undefined;
|
|
279
|
+
onLoadedmetadata?: ((payload: Event) => void) | undefined;
|
|
280
|
+
onLoadstart?: ((payload: Event) => void) | undefined;
|
|
281
|
+
onPause?: ((payload: Event) => void) | undefined;
|
|
282
|
+
onPlay?: ((payload: Event) => void) | undefined;
|
|
283
|
+
onPlaying?: ((payload: Event) => void) | undefined;
|
|
284
|
+
onProgress?: ((payload: ProgressEvent<EventTarget>) => void) | undefined;
|
|
285
|
+
onRatechange?: ((payload: Event) => void) | undefined;
|
|
286
|
+
onSeeked?: ((payload: Event) => void) | undefined;
|
|
287
|
+
onSeeking?: ((payload: Event) => void) | undefined;
|
|
288
|
+
onStalled?: ((payload: Event) => void) | undefined;
|
|
289
|
+
onSuspend?: ((payload: Event) => void) | undefined;
|
|
290
|
+
onTimeupdate?: ((payload: Event) => void) | undefined;
|
|
291
|
+
onVolumechange?: ((payload: Event) => void) | undefined;
|
|
292
|
+
onWaiting?: ((payload: Event) => void) | undefined;
|
|
293
|
+
onScroll?: ((payload: Event) => void) | undefined;
|
|
294
|
+
onScrollend?: ((payload: Event) => void) | undefined;
|
|
295
|
+
onTouchcancel?: ((payload: TouchEvent) => void) | undefined;
|
|
296
|
+
onTouchend?: ((payload: TouchEvent) => void) | undefined;
|
|
297
|
+
onTouchmove?: ((payload: TouchEvent) => void) | undefined;
|
|
298
|
+
onTouchstart?: ((payload: TouchEvent) => void) | undefined;
|
|
299
|
+
onAuxclick?: ((payload: PointerEvent) => void) | undefined;
|
|
300
|
+
onClick?: ((payload: PointerEvent) => void) | undefined;
|
|
301
|
+
onContextmenu?: ((payload: PointerEvent) => void) | undefined;
|
|
302
|
+
onGotpointercapture?: ((payload: PointerEvent) => void) | undefined;
|
|
303
|
+
onLostpointercapture?: ((payload: PointerEvent) => void) | undefined;
|
|
304
|
+
onPointerdown?: ((payload: PointerEvent) => void) | undefined;
|
|
305
|
+
onPointermove?: ((payload: PointerEvent) => void) | undefined;
|
|
306
|
+
onPointerup?: ((payload: PointerEvent) => void) | undefined;
|
|
307
|
+
onPointercancel?: ((payload: PointerEvent) => void) | undefined;
|
|
308
|
+
onPointerenter?: ((payload: PointerEvent) => void) | undefined;
|
|
309
|
+
onPointerleave?: ((payload: PointerEvent) => void) | undefined;
|
|
310
|
+
onPointerover?: ((payload: PointerEvent) => void) | undefined;
|
|
311
|
+
onPointerout?: ((payload: PointerEvent) => void) | undefined;
|
|
312
|
+
onBeforetoggle?: ((payload: ToggleEvent) => void) | undefined;
|
|
313
|
+
onToggle?: ((payload: ToggleEvent) => void) | undefined;
|
|
314
|
+
onWheel?: ((payload: WheelEvent) => void) | undefined;
|
|
315
|
+
onAnimationcancel?: ((payload: AnimationEvent) => void) | undefined;
|
|
316
|
+
onAnimationstart?: ((payload: AnimationEvent) => void) | undefined;
|
|
317
|
+
onAnimationend?: ((payload: AnimationEvent) => void) | undefined;
|
|
318
|
+
onAnimationiteration?: ((payload: AnimationEvent) => void) | undefined;
|
|
319
|
+
onSecuritypolicyviolation?: ((payload: SecurityPolicyViolationEvent) => void) | undefined;
|
|
320
|
+
onTransitioncancel?: ((payload: TransitionEvent) => void) | undefined;
|
|
321
|
+
onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
|
|
322
|
+
onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
|
|
323
|
+
onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
|
|
324
|
+
innerHTML?: string | undefined | undefined;
|
|
325
|
+
color?: string | undefined | undefined;
|
|
326
|
+
id?: string | undefined | undefined;
|
|
327
|
+
lang?: string | undefined | undefined;
|
|
328
|
+
tabindex?: (string | number) | undefined;
|
|
329
|
+
'aria-activedescendant'?: string | undefined | undefined;
|
|
330
|
+
'aria-atomic'?: (boolean | "true" | "false") | undefined;
|
|
331
|
+
'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined | undefined;
|
|
332
|
+
'aria-busy'?: (boolean | "true" | "false") | undefined;
|
|
333
|
+
'aria-checked'?: (boolean | "true" | "false") | "mixed" | undefined;
|
|
334
|
+
'aria-colcount'?: (string | number) | undefined;
|
|
335
|
+
'aria-colindex'?: (string | number) | undefined;
|
|
336
|
+
'aria-colspan'?: (string | number) | undefined;
|
|
337
|
+
'aria-controls'?: string | undefined | undefined;
|
|
338
|
+
'aria-current'?: "page" | "time" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
|
|
339
|
+
'aria-describedby'?: string | undefined | undefined;
|
|
340
|
+
'aria-details'?: string | undefined | undefined;
|
|
341
|
+
'aria-disabled'?: (boolean | "true" | "false") | undefined;
|
|
342
|
+
'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
|
|
343
|
+
'aria-errormessage'?: string | undefined | undefined;
|
|
344
|
+
'aria-expanded'?: (boolean | "true" | "false") | undefined;
|
|
345
|
+
'aria-flowto'?: string | undefined | undefined;
|
|
346
|
+
'aria-grabbed'?: (boolean | "true" | "false") | undefined;
|
|
347
|
+
'aria-haspopup'?: "grid" | "tree" | "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | undefined;
|
|
348
|
+
'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
|
|
349
|
+
'aria-keyshortcuts'?: string | undefined | undefined;
|
|
350
|
+
'aria-labelledby'?: string | undefined | undefined;
|
|
351
|
+
'aria-level'?: (string | number) | undefined;
|
|
352
|
+
'aria-live'?: "off" | "assertive" | "polite" | undefined | undefined;
|
|
353
|
+
'aria-modal'?: (boolean | "true" | "false") | undefined;
|
|
354
|
+
'aria-multiline'?: (boolean | "true" | "false") | undefined;
|
|
355
|
+
'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
|
|
356
|
+
'aria-orientation'?: "horizontal" | "vertical" | undefined | undefined;
|
|
357
|
+
'aria-owns'?: string | undefined | undefined;
|
|
358
|
+
'aria-placeholder'?: string | undefined | undefined;
|
|
359
|
+
'aria-posinset'?: (string | number) | undefined;
|
|
360
|
+
'aria-pressed'?: (boolean | "true" | "false") | "mixed" | undefined;
|
|
361
|
+
'aria-readonly'?: (boolean | "true" | "false") | undefined;
|
|
362
|
+
'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
|
|
363
|
+
'aria-required'?: (boolean | "true" | "false") | undefined;
|
|
364
|
+
'aria-roledescription'?: string | undefined | undefined;
|
|
365
|
+
'aria-rowcount'?: (string | number) | undefined;
|
|
366
|
+
'aria-rowindex'?: (string | number) | undefined;
|
|
367
|
+
'aria-rowspan'?: (string | number) | undefined;
|
|
368
|
+
'aria-selected'?: (boolean | "true" | "false") | undefined;
|
|
369
|
+
'aria-setsize'?: (string | number) | undefined;
|
|
370
|
+
'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
|
|
371
|
+
'aria-valuemax'?: (string | number) | undefined;
|
|
372
|
+
'aria-valuemin'?: (string | number) | undefined;
|
|
373
|
+
'aria-valuenow'?: (string | number) | undefined;
|
|
374
|
+
'aria-valuetext'?: string | undefined | undefined;
|
|
375
|
+
ref?: import("vue").VNodeRef | undefined;
|
|
376
|
+
ref_for?: boolean | undefined | undefined;
|
|
377
|
+
ref_key?: string | undefined | undefined;
|
|
378
|
+
accesskey?: string | undefined | undefined;
|
|
379
|
+
contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
380
|
+
contextmenu?: string | undefined | undefined;
|
|
381
|
+
draggable?: (boolean | "true" | "false") | undefined;
|
|
382
|
+
enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
|
|
383
|
+
enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
|
|
384
|
+
hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
|
|
385
|
+
inert?: (boolean | "true" | "false") | undefined;
|
|
386
|
+
spellcheck?: (boolean | "true" | "false") | undefined;
|
|
387
|
+
translate?: "yes" | "no" | undefined | undefined;
|
|
388
|
+
radiogroup?: string | undefined | undefined;
|
|
389
|
+
about?: string | undefined | undefined;
|
|
390
|
+
datatype?: string | undefined | undefined;
|
|
391
|
+
inlist?: any;
|
|
392
|
+
property?: string | undefined | undefined;
|
|
393
|
+
resource?: string | undefined | undefined;
|
|
394
|
+
typeof?: string | undefined | undefined;
|
|
395
|
+
vocab?: string | undefined | undefined;
|
|
396
|
+
autocapitalize?: string | undefined | undefined;
|
|
397
|
+
autocorrect?: string | undefined | undefined;
|
|
398
|
+
autosave?: string | undefined | undefined;
|
|
399
|
+
itemprop?: string | undefined | undefined;
|
|
400
|
+
itemscope?: (boolean | "true" | "false") | undefined;
|
|
401
|
+
itemtype?: string | undefined | undefined;
|
|
402
|
+
itemid?: string | undefined | undefined;
|
|
403
|
+
itemref?: string | undefined | undefined;
|
|
404
|
+
security?: string | undefined | undefined;
|
|
405
|
+
unselectable?: "on" | "off" | undefined | undefined;
|
|
406
|
+
inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
|
|
407
|
+
is?: string | undefined | undefined;
|
|
408
|
+
exportparts?: string | undefined;
|
|
409
|
+
part?: string | undefined;
|
|
410
|
+
popover?: (import("../../index.ts").PopoverMode | "" | boolean) | undefined;
|
|
411
|
+
}> & Readonly<{
|
|
412
|
+
onSelect?: ((step: StepperStep) => any) | undefined;
|
|
413
|
+
"onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
|
|
414
|
+
}>, {
|
|
415
|
+
size: "sm" | "md";
|
|
416
|
+
orientation: StepperOrientation;
|
|
417
|
+
compact: boolean | "auto";
|
|
418
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
419
|
+
declare const _default: typeof __VLS_export;
|
|
420
|
+
export default _default;
|
|
@@ -11,6 +11,7 @@ export { default as Sidebar } from './Sidebar.vue';
|
|
|
11
11
|
export { default as SidebarNav } from './SidebarNav.vue';
|
|
12
12
|
export { default as SidebarSection } from './SidebarSection.vue';
|
|
13
13
|
export { default as Stack } from './Stack.vue';
|
|
14
|
+
export { default as Stepper } from './Stepper.vue';
|
|
14
15
|
export { default as Tabs } from './Tabs.vue';
|
|
15
16
|
export { default as ThemeSwitch } from './ThemeSwitch.vue';
|
|
16
17
|
export { default as Toolbar } from './Toolbar.vue';
|
|
@@ -11,6 +11,7 @@ export { default as Sidebar } from "./Sidebar.vue";
|
|
|
11
11
|
export { default as SidebarNav } from "./SidebarNav.vue";
|
|
12
12
|
export { default as SidebarSection } from "./SidebarSection.vue";
|
|
13
13
|
export { default as Stack } from "./Stack.vue";
|
|
14
|
+
export { default as Stepper } from "./Stepper.vue";
|
|
14
15
|
export { default as Tabs } from "./Tabs.vue";
|
|
15
16
|
export { default as ThemeSwitch } from "./ThemeSwitch.vue";
|
|
16
17
|
export { default as Toolbar } from "./Toolbar.vue";
|
|
@@ -32,6 +32,17 @@ export interface TabItem {
|
|
|
32
32
|
dotLabel?: string;
|
|
33
33
|
disabled?: boolean;
|
|
34
34
|
}
|
|
35
|
+
export type StepperState = 'complete' | 'error';
|
|
36
|
+
export type StepperStepStatus = 'complete' | 'error' | 'current' | 'upcoming';
|
|
37
|
+
export type StepperOrientation = 'horizontal' | 'vertical';
|
|
38
|
+
export interface StepperStep {
|
|
39
|
+
value: string | number;
|
|
40
|
+
label: string;
|
|
41
|
+
description?: string;
|
|
42
|
+
icon?: IconName;
|
|
43
|
+
disabled?: boolean;
|
|
44
|
+
state?: StepperState;
|
|
45
|
+
}
|
|
35
46
|
export type TabsVariant = 'segmented' | 'underline';
|
|
36
47
|
export type TabsActivation = 'automatic' | 'manual';
|
|
37
48
|
export interface AccordionItem {
|
|
@@ -64,6 +75,7 @@ export interface AppShellContext {
|
|
|
64
75
|
closeNav: () => void;
|
|
65
76
|
}
|
|
66
77
|
export type AppShellVariant = 'inset' | 'sidebar' | 'floating';
|
|
78
|
+
export type ShellContent = 'page' | 'fill' | 'centered' | 'bleed';
|
|
67
79
|
export interface NavItem {
|
|
68
80
|
label: string;
|
|
69
81
|
to?: LinkTarget;
|
|
@@ -116,6 +116,7 @@ import { isPopoverOpen, supportsPopover } from "../../internal/floating/support"
|
|
|
116
116
|
import { spokenToneKey, toneIcons } from "../../internal/core/tone";
|
|
117
117
|
import { modalStack } from "../../internal/overlays/dialog";
|
|
118
118
|
import { useHostClaim } from "../../internal/overlays/host";
|
|
119
|
+
import { useToasterAvoidance } from "../../internal/overlays/avoid";
|
|
119
120
|
import { LIVE_DELAY } from "../../internal/core/live";
|
|
120
121
|
import { activeElement } from "../../internal/core/focus";
|
|
121
122
|
import Button from "../core/Button.vue";
|
|
@@ -147,6 +148,11 @@ const entries = ref([]);
|
|
|
147
148
|
const heights = reactive(/* @__PURE__ */ new Map());
|
|
148
149
|
const mounted = ref(false);
|
|
149
150
|
const outlet = computed(() => modalStack[modalStack.length - 1] ?? null);
|
|
151
|
+
const avoidance = useToasterAvoidance({
|
|
152
|
+
outlet: () => outlet.value,
|
|
153
|
+
toaster: toasterRef,
|
|
154
|
+
position: () => props.position
|
|
155
|
+
});
|
|
150
156
|
const side = computed(() => props.position.startsWith("top") ? "top" : "bottom");
|
|
151
157
|
const limit = computed(() => Math.max(1, props.max));
|
|
152
158
|
const paused = computed(() => hovered.value || focusInside.value || hidden.value);
|
|
@@ -186,6 +192,10 @@ watch(
|
|
|
186
192
|
{ immediate: true }
|
|
187
193
|
);
|
|
188
194
|
const toasterStyle = computed(() => ({
|
|
195
|
+
"--k-toaster-avoid-left": `${avoidance.insets.value.left}px`,
|
|
196
|
+
"--k-toaster-avoid-right": `${avoidance.insets.value.right}px`,
|
|
197
|
+
"--k-toaster-avoid-top": `${avoidance.insets.value.top}px`,
|
|
198
|
+
"--k-toaster-avoid-bottom": `${avoidance.insets.value.bottom}px`,
|
|
189
199
|
"--k-toast-gap": `${props.gap}px`,
|
|
190
200
|
"--k-toast-front-height": `${layout.value.front}px`,
|
|
191
201
|
"--k-toaster-height": `${expanded.value ? layout.value.expandedHeight : layout.value.collapsedHeight}px`
|
|
@@ -425,8 +425,8 @@ declare const __VLS_export: import("vue").DefineComponent<{
|
|
|
425
425
|
onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
|
|
426
426
|
}> & Readonly<{}>, {
|
|
427
427
|
max: number;
|
|
428
|
-
duration: number;
|
|
429
428
|
position: ToasterPosition;
|
|
429
|
+
duration: number;
|
|
430
430
|
gap: number;
|
|
431
431
|
actionDuration: number;
|
|
432
432
|
hotkey: string | false;
|
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
:skip-label="skipLabel"
|
|
12
12
|
:fluid="fluid"
|
|
13
13
|
:fill="fill"
|
|
14
|
+
:content="content"
|
|
14
15
|
:topbar="hasDesktopTopbar"
|
|
15
16
|
:storage-key="storageKey || void 0"
|
|
16
17
|
:shortcut="shortcut"
|
|
@@ -195,6 +196,7 @@ const props = defineProps({
|
|
|
195
196
|
shortcut: { type: [String, Boolean], required: false, default: "mod+b" },
|
|
196
197
|
fluid: { type: Boolean, required: false },
|
|
197
198
|
fill: { type: Boolean, required: false },
|
|
199
|
+
content: { type: String, required: false },
|
|
198
200
|
viewTransition: { type: Boolean, required: false, default: true },
|
|
199
201
|
navLabel: { type: String, required: false },
|
|
200
202
|
sidebarLabel: { type: String, required: false },
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { IconName } from '../../composables/useIcons';
|
|
2
|
-
import type { BreadcrumbItem } from '../layout/types';
|
|
2
|
+
import type { BreadcrumbItem, ShellContent } from '../layout/types';
|
|
3
3
|
import type { CommandGroupLabelSlotProps, CommandItem, MenuItem } from '../overlays/types';
|
|
4
4
|
import type { ThemePreset } from '../../composables/usePreset';
|
|
5
5
|
import type { LinkTarget } from '../core/types';
|
|
@@ -35,6 +35,7 @@ declare const __VLS_export: <T = unknown>(__VLS_props: NonNullable<Awaited<typeo
|
|
|
35
35
|
shortcut?: string | false;
|
|
36
36
|
fluid?: boolean;
|
|
37
37
|
fill?: boolean;
|
|
38
|
+
content?: ShellContent;
|
|
38
39
|
viewTransition?: boolean;
|
|
39
40
|
navLabel?: string;
|
|
40
41
|
sidebarLabel?: string;
|
|
@@ -63,6 +64,7 @@ declare const __VLS_export: <T = unknown>(__VLS_props: NonNullable<Awaited<typeo
|
|
|
63
64
|
readonly skipLabel?: string | undefined;
|
|
64
65
|
readonly fluid?: boolean | undefined;
|
|
65
66
|
readonly fill?: boolean | undefined;
|
|
67
|
+
readonly content?: ShellContent | undefined;
|
|
66
68
|
readonly topbar?: boolean | undefined;
|
|
67
69
|
readonly storageKey?: string | false | undefined;
|
|
68
70
|
readonly shortcut?: string | false | undefined;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { Component } from 'vue';
|
|
2
2
|
import type { LinkTarget, Tone } from '../core/types';
|
|
3
3
|
import type { DescriptionItem, StatTrend } from '../data/types';
|
|
4
|
-
import type { BreadcrumbItem, NavItem, NavSection } from '../layout/types';
|
|
4
|
+
import type { BreadcrumbItem, NavItem, NavSection, ShellContent } from '../layout/types';
|
|
5
5
|
import type { CommandEmptyText, CommandGroup, MenuItems } from '../overlays/types';
|
|
6
6
|
import type { ThemePreset } from '../../internal/core/preset-data';
|
|
7
7
|
export type DashboardVariant = 'inset' | 'sidebar' | 'floating';
|
|
@@ -138,6 +138,7 @@ export interface KAppConfig {
|
|
|
138
138
|
storageKey?: string | false;
|
|
139
139
|
fluid?: boolean;
|
|
140
140
|
fill?: boolean;
|
|
141
|
+
content?: ShellContent;
|
|
141
142
|
breadcrumbs?: boolean;
|
|
142
143
|
};
|
|
143
144
|
auth?: {
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import type { MaybeRefOrGetter } from 'vue';
|
|
2
|
+
import type { SortableAxis } from '../internal/data/sortable';
|
|
3
|
+
import { SORTABLE_ATTR } from '../internal/data/sortable';
|
|
4
|
+
export type SortableOrientation = SortableAxis;
|
|
5
|
+
export interface SortableMove<T> {
|
|
6
|
+
item: T;
|
|
7
|
+
from: number;
|
|
8
|
+
to: number;
|
|
9
|
+
items: T[];
|
|
10
|
+
source: 'pointer' | 'keyboard' | 'api';
|
|
11
|
+
}
|
|
12
|
+
export interface UseSortableOptions<T> {
|
|
13
|
+
items: MaybeRefOrGetter<readonly T[]>;
|
|
14
|
+
orientation?: MaybeRefOrGetter<SortableOrientation | undefined>;
|
|
15
|
+
disabled?: MaybeRefOrGetter<boolean | undefined>;
|
|
16
|
+
handle?: string;
|
|
17
|
+
canMove?: (item: T, index: number) => boolean;
|
|
18
|
+
label?: (item: T) => string;
|
|
19
|
+
movedText?: (move: SortableMove<T>) => string;
|
|
20
|
+
onMove: (items: T[], move: SortableMove<T>) => void;
|
|
21
|
+
}
|
|
22
|
+
export interface SortableItemProps {
|
|
23
|
+
[SORTABLE_ATTR]: number;
|
|
24
|
+
'aria-keyshortcuts'?: string;
|
|
25
|
+
onPointerdown: (event: PointerEvent) => void;
|
|
26
|
+
onKeydown: (event: KeyboardEvent) => void;
|
|
27
|
+
}
|
|
28
|
+
export interface SortableMoveOptions {
|
|
29
|
+
announce?: boolean;
|
|
30
|
+
source?: SortableMove<unknown>['source'];
|
|
31
|
+
}
|
|
32
|
+
export declare function useSortable<T>(container: MaybeRefOrGetter<HTMLElement | null | undefined>, options: UseSortableOptions<T>): {
|
|
33
|
+
dragging: Readonly<import("vue").Ref<number | null, number | null>>;
|
|
34
|
+
announcement: import("vue").Ref<string, string>;
|
|
35
|
+
itemProps: (index: number) => SortableItemProps;
|
|
36
|
+
move: (from: number, to: number, moveOptions?: SortableMoveOptions) => boolean;
|
|
37
|
+
canMove: (index: number) => boolean;
|
|
38
|
+
};
|