@vueland/ui 0.0.2 → 0.0.3
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 +55 -45
- package/dist/components/CApp/CApp.js +2 -2
- package/dist/components/CAutocomplete/CAutocomplete.js +23 -6
- package/dist/components/CCheckbox/CCheckbox.js +1 -1
- package/dist/components/CDateInput/CDateInput.js +0 -1
- package/dist/components/CDatePicker/index4.js +1 -1
- package/dist/components/CDatePicker/index6.js +1 -1
- package/dist/components/CDialog/index.js +1 -1
- package/dist/components/CDialog/index2.js +1 -1
- package/dist/components/CInput/CInput.js +23 -14
- package/dist/components/CList/CList.js +36 -17
- package/dist/components/CList/CListItem.js +15 -10
- package/dist/components/CMenu/CMenu.js +29 -31
- package/dist/components/CSelect/CSelect.js +26 -6
- package/dist/components/CTextField/CTextField.js +1 -1
- package/dist/components/CTooltip/CTooltip.js +12 -8
- package/dist/components/CTooltip/index.js +2 -2
- package/dist/components/CTooltip/index2.js +5 -0
- package/dist/components/index.d.ts +174 -188
- package/dist/components/index.js +1 -1
- package/dist/composables/index.d.ts +124 -590
- package/dist/composables/index.js +11 -6
- package/dist/composables/use-activator.js +1 -13
- package/dist/composables/{use-app-scroll.js → use-application-scroll.js} +2 -2
- package/dist/composables/use-aria-activator.js +15 -0
- package/dist/composables/use-aria-dialog.js +16 -0
- package/dist/composables/use-aria-field.js +18 -0
- package/dist/composables/use-aria-listbox.js +14 -0
- package/dist/composables/use-aria-toggle.js +15 -0
- package/dist/composables/use-auto-position.js +51 -51
- package/dist/composables/use-breakpoints.js +8 -0
- package/dist/composables/use-delay-actions.js +9 -8
- package/dist/composables/use-display.js +4 -4
- package/dist/composables/use-presets.js +1 -3
- package/dist/constants/aria.js +32 -0
- package/dist/constants/index.d.ts +78 -37
- package/dist/constants/index.js +1 -0
- package/dist/css/lib.css +1 -0
- package/dist/css/utils/_grid.css +1 -0
- package/dist/css/utils/_grid.js +3 -0
- package/dist/css/utils/_radius.css +1 -1
- package/dist/css/utils/_typography.css +1 -1
- package/dist/library.js +5 -5
- package/dist/scss/lib.scss +26 -0
- package/dist/scss/styles.scss +1 -0
- package/dist/scss/utils/_grid.scss +173 -0
- package/dist/scss/utils/_radius.scss +4 -4
- package/dist/scss/utils/_typography.scss +13 -0
- package/dist/styles.css +1 -1
- package/dist/temp-types/src/components/CAutocomplete/CAutocomplete.vue.d.ts +1 -1
- package/dist/temp-types/src/components/CAutocomplete/CAutocomplete.vue.d.ts.map +1 -1
- package/dist/temp-types/src/components/CCheckbox/CCheckbox.vue.d.ts +1 -1
- package/dist/temp-types/src/components/CCheckbox/CheckboxElement.vue.d.ts +1 -1
- package/dist/temp-types/src/components/CDateInput/CDateInput.vue.d.ts +2 -2
- package/dist/temp-types/src/components/CDateInput/CDateInput.vue.d.ts.map +1 -1
- package/dist/temp-types/src/components/CGrid/CRow.d.ts +1 -1
- package/dist/temp-types/src/components/CInput/CInput.vue.d.ts +2 -2
- package/dist/temp-types/src/components/CInput/CInput.vue.d.ts.map +1 -1
- package/dist/temp-types/src/components/CInput/types.d.ts +2 -2
- package/dist/temp-types/src/components/CInput/types.d.ts.map +1 -1
- package/dist/temp-types/src/components/CList/CList.vue.d.ts +5 -1
- package/dist/temp-types/src/components/CList/CList.vue.d.ts.map +1 -1
- package/dist/temp-types/src/components/CList/CListItem.vue.d.ts.map +1 -1
- package/dist/temp-types/src/components/CList/types.d.ts +3 -1
- package/dist/temp-types/src/components/CList/types.d.ts.map +1 -1
- package/dist/temp-types/src/components/CMenu/CMenu.vue.d.ts +4 -4
- package/dist/temp-types/src/components/CMenu/CMenu.vue.d.ts.map +1 -1
- package/dist/temp-types/src/components/CMenu/types.d.ts +2 -2
- package/dist/temp-types/src/components/CMenu/types.d.ts.map +1 -1
- package/dist/temp-types/src/components/CRadio/CRadio.vue.d.ts +1 -1
- package/dist/temp-types/src/components/CSelect/CSelect.vue.d.ts +1 -1
- package/dist/temp-types/src/components/CSelect/CSelect.vue.d.ts.map +1 -1
- package/dist/temp-types/src/components/CSelectControl/CSelectControl.vue.d.ts +1 -1
- package/dist/temp-types/src/components/CTextField/CTextField.vue.d.ts +1 -1
- package/dist/temp-types/src/components/CTextField/CTextField.vue.d.ts.map +1 -1
- package/dist/temp-types/src/components/CTextField/types.d.ts +1 -1
- package/dist/temp-types/src/components/CTooltip/CTooltip.vue.d.ts +3 -1
- package/dist/temp-types/src/components/CTooltip/CTooltip.vue.d.ts.map +1 -1
- package/dist/temp-types/src/components/CTooltip/index.d.ts +7 -1
- package/dist/temp-types/src/components/CTooltip/index.d.ts.map +1 -1
- package/dist/temp-types/src/composables/index.d.ts +7 -2
- package/dist/temp-types/src/composables/index.d.ts.map +1 -1
- package/dist/temp-types/src/composables/use-activator.d.ts +0 -153
- package/dist/temp-types/src/composables/use-activator.d.ts.map +1 -1
- package/dist/temp-types/src/composables/{use-app-scroll.d.ts → use-application-scroll.d.ts} +2 -2
- package/dist/temp-types/src/composables/use-application-scroll.d.ts.map +1 -0
- package/dist/temp-types/src/composables/use-aria-activator.d.ts +8 -0
- package/dist/temp-types/src/composables/use-aria-activator.d.ts.map +1 -0
- package/dist/temp-types/src/composables/use-aria-dialog.d.ts +9 -0
- package/dist/temp-types/src/composables/use-aria-dialog.d.ts.map +1 -0
- package/dist/temp-types/src/composables/use-aria-field.d.ts +13 -0
- package/dist/temp-types/src/composables/use-aria-field.d.ts.map +1 -0
- package/dist/temp-types/src/composables/use-aria-listbox.d.ts +8 -0
- package/dist/temp-types/src/composables/use-aria-listbox.d.ts.map +1 -0
- package/dist/temp-types/src/composables/use-aria-toggle.d.ts +11 -0
- package/dist/temp-types/src/composables/use-aria-toggle.d.ts.map +1 -0
- package/dist/temp-types/src/composables/use-auto-position.d.ts +4 -284
- package/dist/temp-types/src/composables/use-auto-position.d.ts.map +1 -1
- package/dist/temp-types/src/composables/use-breakpoints.d.ts +1 -0
- package/dist/temp-types/src/composables/use-breakpoints.d.ts.map +1 -1
- package/dist/temp-types/src/composables/use-delay-actions.d.ts +0 -26
- package/dist/temp-types/src/composables/use-delay-actions.d.ts.map +1 -1
- package/dist/temp-types/src/composables/use-display.d.ts +22 -49
- package/dist/temp-types/src/composables/use-display.d.ts.map +1 -1
- package/dist/temp-types/src/composables/use-presets.d.ts +0 -14
- package/dist/temp-types/src/composables/use-presets.d.ts.map +1 -1
- package/dist/temp-types/src/constants/aria.d.ts +35 -0
- package/dist/temp-types/src/constants/aria.d.ts.map +1 -0
- package/dist/temp-types/src/constants/index.d.ts +1 -0
- package/dist/temp-types/src/constants/index.d.ts.map +1 -1
- package/dist/temp-types/src/constants/provide-keys.d.ts +3 -5
- package/dist/temp-types/src/constants/provide-keys.d.ts.map +1 -1
- package/dist/temp-types/src/utils/aria.d.ts +36 -0
- package/dist/temp-types/src/utils/aria.d.ts.map +1 -0
- package/dist/temp-types/src/utils/index.d.ts +1 -1
- package/dist/temp-types/src/utils/index.d.ts.map +1 -1
- package/dist/temp-types/tsconfig.build.tsbuildinfo +1 -1
- package/dist/utils/aria.js +95 -0
- package/dist/utils/index.d.ts +40 -38
- package/dist/utils/index.js +1 -1
- package/package.json +5 -5
- package/dist/composables/use-menu-presets.js +0 -17
- package/dist/css/themes/default-theme.css +0 -1
- package/dist/scss/themes/default-theme.scss +0 -25
- package/dist/temp-types/src/composables/use-app-scroll.d.ts.map +0 -1
- package/dist/temp-types/src/composables/use-menu-presets.d.ts +0 -7
- package/dist/temp-types/src/composables/use-menu-presets.d.ts.map +0 -1
- package/dist/temp-types/src/utils/props-factory.d.ts +0 -37
- package/dist/temp-types/src/utils/props-factory.d.ts.map +0 -1
- package/dist/utils/props-factory.js +0 -25
- /package/dist/css/{themes/default-theme.js → lib.js} +0 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as vue from 'vue';
|
|
2
|
-
import { ComponentPublicInstance,
|
|
2
|
+
import { ComponentPublicInstance, ComputedRef, Ref, ShallowReactive, App, ComponentInstance, FunctionalComponent, Directive, ShallowRef, Component, Reactive } from 'vue';
|
|
3
3
|
|
|
4
4
|
type ActivatorProps = {
|
|
5
5
|
closeOnClick?: boolean;
|
|
@@ -21,159 +21,6 @@ type ActivatorListeners = {
|
|
|
21
21
|
input?: (e: Event) => void;
|
|
22
22
|
change?: (e: Event) => void;
|
|
23
23
|
};
|
|
24
|
-
declare const makeActivatorProps: {
|
|
25
|
-
<TDefaults extends Partial<Record<"closeOnClick" | "openOnClick" | "openOnHover" | "closeOnLeave" | "openOnFocus" | "activator", unknown>>>(defaults: TDefaults): {
|
|
26
|
-
closeOnClick: "closeOnClick" extends infer T ? T extends "closeOnClick" ? T extends keyof TDefaults ? {
|
|
27
|
-
closeOnClick: BooleanConstructor;
|
|
28
|
-
openOnClick: BooleanConstructor;
|
|
29
|
-
openOnHover: BooleanConstructor;
|
|
30
|
-
closeOnLeave: BooleanConstructor;
|
|
31
|
-
openOnFocus: BooleanConstructor;
|
|
32
|
-
activator: {
|
|
33
|
-
type: null;
|
|
34
|
-
default: undefined;
|
|
35
|
-
};
|
|
36
|
-
}[T] & {
|
|
37
|
-
default: TDefaults[T];
|
|
38
|
-
} : {
|
|
39
|
-
closeOnClick: BooleanConstructor;
|
|
40
|
-
openOnClick: BooleanConstructor;
|
|
41
|
-
openOnHover: BooleanConstructor;
|
|
42
|
-
closeOnLeave: BooleanConstructor;
|
|
43
|
-
openOnFocus: BooleanConstructor;
|
|
44
|
-
activator: {
|
|
45
|
-
type: null;
|
|
46
|
-
default: undefined;
|
|
47
|
-
};
|
|
48
|
-
}[T] : never : never;
|
|
49
|
-
openOnClick: "openOnClick" extends infer T_1 ? T_1 extends "openOnClick" ? T_1 extends keyof TDefaults ? {
|
|
50
|
-
closeOnClick: BooleanConstructor;
|
|
51
|
-
openOnClick: BooleanConstructor;
|
|
52
|
-
openOnHover: BooleanConstructor;
|
|
53
|
-
closeOnLeave: BooleanConstructor;
|
|
54
|
-
openOnFocus: BooleanConstructor;
|
|
55
|
-
activator: {
|
|
56
|
-
type: null;
|
|
57
|
-
default: undefined;
|
|
58
|
-
};
|
|
59
|
-
}[T_1] & {
|
|
60
|
-
default: TDefaults[T_1];
|
|
61
|
-
} : {
|
|
62
|
-
closeOnClick: BooleanConstructor;
|
|
63
|
-
openOnClick: BooleanConstructor;
|
|
64
|
-
openOnHover: BooleanConstructor;
|
|
65
|
-
closeOnLeave: BooleanConstructor;
|
|
66
|
-
openOnFocus: BooleanConstructor;
|
|
67
|
-
activator: {
|
|
68
|
-
type: null;
|
|
69
|
-
default: undefined;
|
|
70
|
-
};
|
|
71
|
-
}[T_1] : never : never;
|
|
72
|
-
openOnHover: "openOnHover" extends infer T_2 ? T_2 extends "openOnHover" ? T_2 extends keyof TDefaults ? {
|
|
73
|
-
closeOnClick: BooleanConstructor;
|
|
74
|
-
openOnClick: BooleanConstructor;
|
|
75
|
-
openOnHover: BooleanConstructor;
|
|
76
|
-
closeOnLeave: BooleanConstructor;
|
|
77
|
-
openOnFocus: BooleanConstructor;
|
|
78
|
-
activator: {
|
|
79
|
-
type: null;
|
|
80
|
-
default: undefined;
|
|
81
|
-
};
|
|
82
|
-
}[T_2] & {
|
|
83
|
-
default: TDefaults[T_2];
|
|
84
|
-
} : {
|
|
85
|
-
closeOnClick: BooleanConstructor;
|
|
86
|
-
openOnClick: BooleanConstructor;
|
|
87
|
-
openOnHover: BooleanConstructor;
|
|
88
|
-
closeOnLeave: BooleanConstructor;
|
|
89
|
-
openOnFocus: BooleanConstructor;
|
|
90
|
-
activator: {
|
|
91
|
-
type: null;
|
|
92
|
-
default: undefined;
|
|
93
|
-
};
|
|
94
|
-
}[T_2] : never : never;
|
|
95
|
-
closeOnLeave: "closeOnLeave" extends infer T_3 ? T_3 extends "closeOnLeave" ? T_3 extends keyof TDefaults ? {
|
|
96
|
-
closeOnClick: BooleanConstructor;
|
|
97
|
-
openOnClick: BooleanConstructor;
|
|
98
|
-
openOnHover: BooleanConstructor;
|
|
99
|
-
closeOnLeave: BooleanConstructor;
|
|
100
|
-
openOnFocus: BooleanConstructor;
|
|
101
|
-
activator: {
|
|
102
|
-
type: null;
|
|
103
|
-
default: undefined;
|
|
104
|
-
};
|
|
105
|
-
}[T_3] & {
|
|
106
|
-
default: TDefaults[T_3];
|
|
107
|
-
} : {
|
|
108
|
-
closeOnClick: BooleanConstructor;
|
|
109
|
-
openOnClick: BooleanConstructor;
|
|
110
|
-
openOnHover: BooleanConstructor;
|
|
111
|
-
closeOnLeave: BooleanConstructor;
|
|
112
|
-
openOnFocus: BooleanConstructor;
|
|
113
|
-
activator: {
|
|
114
|
-
type: null;
|
|
115
|
-
default: undefined;
|
|
116
|
-
};
|
|
117
|
-
}[T_3] : never : never;
|
|
118
|
-
openOnFocus: "openOnFocus" extends infer T_4 ? T_4 extends "openOnFocus" ? T_4 extends keyof TDefaults ? {
|
|
119
|
-
closeOnClick: BooleanConstructor;
|
|
120
|
-
openOnClick: BooleanConstructor;
|
|
121
|
-
openOnHover: BooleanConstructor;
|
|
122
|
-
closeOnLeave: BooleanConstructor;
|
|
123
|
-
openOnFocus: BooleanConstructor;
|
|
124
|
-
activator: {
|
|
125
|
-
type: null;
|
|
126
|
-
default: undefined;
|
|
127
|
-
};
|
|
128
|
-
}[T_4] & {
|
|
129
|
-
default: TDefaults[T_4];
|
|
130
|
-
} : {
|
|
131
|
-
closeOnClick: BooleanConstructor;
|
|
132
|
-
openOnClick: BooleanConstructor;
|
|
133
|
-
openOnHover: BooleanConstructor;
|
|
134
|
-
closeOnLeave: BooleanConstructor;
|
|
135
|
-
openOnFocus: BooleanConstructor;
|
|
136
|
-
activator: {
|
|
137
|
-
type: null;
|
|
138
|
-
default: undefined;
|
|
139
|
-
};
|
|
140
|
-
}[T_4] : never : never;
|
|
141
|
-
activator: "activator" extends infer T_5 ? T_5 extends "activator" ? T_5 extends keyof TDefaults ? {
|
|
142
|
-
closeOnClick: BooleanConstructor;
|
|
143
|
-
openOnClick: BooleanConstructor;
|
|
144
|
-
openOnHover: BooleanConstructor;
|
|
145
|
-
closeOnLeave: BooleanConstructor;
|
|
146
|
-
openOnFocus: BooleanConstructor;
|
|
147
|
-
activator: {
|
|
148
|
-
type: null;
|
|
149
|
-
default: undefined;
|
|
150
|
-
};
|
|
151
|
-
}[T_5] & {
|
|
152
|
-
default: TDefaults[T_5];
|
|
153
|
-
} : {
|
|
154
|
-
closeOnClick: BooleanConstructor;
|
|
155
|
-
openOnClick: BooleanConstructor;
|
|
156
|
-
openOnHover: BooleanConstructor;
|
|
157
|
-
closeOnLeave: BooleanConstructor;
|
|
158
|
-
openOnFocus: BooleanConstructor;
|
|
159
|
-
activator: {
|
|
160
|
-
type: null;
|
|
161
|
-
default: undefined;
|
|
162
|
-
};
|
|
163
|
-
}[T_5] : never : never;
|
|
164
|
-
};
|
|
165
|
-
(): {
|
|
166
|
-
closeOnClick: BooleanConstructor;
|
|
167
|
-
openOnClick: BooleanConstructor;
|
|
168
|
-
openOnHover: BooleanConstructor;
|
|
169
|
-
closeOnLeave: BooleanConstructor;
|
|
170
|
-
openOnFocus: BooleanConstructor;
|
|
171
|
-
activator: {
|
|
172
|
-
type: null;
|
|
173
|
-
default: undefined;
|
|
174
|
-
};
|
|
175
|
-
};
|
|
176
|
-
};
|
|
177
24
|
declare function useActivator(props: Partial<ActivatorProps> & Record<string, unknown>): {
|
|
178
25
|
element: vue.ComputedRef<Element>;
|
|
179
26
|
activatorProps: Record<string, any>;
|
|
@@ -190,17 +37,6 @@ declare function useActivator(props: Partial<ActivatorProps> & Record<string, un
|
|
|
190
37
|
getActivator: () => Element;
|
|
191
38
|
};
|
|
192
39
|
|
|
193
|
-
declare function useAppScroll(): {
|
|
194
|
-
appRef: vue.ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
|
|
195
|
-
classes: vue.ComputedRef<{
|
|
196
|
-
'c-app--block-scroll': boolean;
|
|
197
|
-
}>;
|
|
198
|
-
getScrollTop: () => number;
|
|
199
|
-
getScrollLeft: () => number;
|
|
200
|
-
blockScroll: () => void;
|
|
201
|
-
unblockScroll: () => void;
|
|
202
|
-
};
|
|
203
|
-
|
|
204
40
|
type ApplicationApi = {
|
|
205
41
|
blockScroll(): void;
|
|
206
42
|
unblockScroll(): void;
|
|
@@ -212,7 +48,7 @@ interface InputState {
|
|
|
212
48
|
focused: boolean;
|
|
213
49
|
isDirty: boolean;
|
|
214
50
|
}
|
|
215
|
-
type
|
|
51
|
+
type CInputRole = 'combobox' | 'checkbox' | 'radio' | 'listbox';
|
|
216
52
|
type CInputProps<T = any> = ValidateProps & PresetProps & {
|
|
217
53
|
id?: string;
|
|
218
54
|
modelValue: T | T[] | undefined | null;
|
|
@@ -223,7 +59,7 @@ type CInputProps<T = any> = ValidateProps & PresetProps & {
|
|
|
223
59
|
disabled?: boolean;
|
|
224
60
|
focused?: boolean;
|
|
225
61
|
readonly?: boolean;
|
|
226
|
-
|
|
62
|
+
role?: CInputRole;
|
|
227
63
|
};
|
|
228
64
|
|
|
229
65
|
type CBtnProps = PresetProps & {
|
|
@@ -232,11 +68,6 @@ type CBtnProps = PresetProps & {
|
|
|
232
68
|
disabled?: boolean;
|
|
233
69
|
};
|
|
234
70
|
|
|
235
|
-
type COverlayProps = {
|
|
236
|
-
modelValue: boolean;
|
|
237
|
-
to?: string;
|
|
238
|
-
};
|
|
239
|
-
|
|
240
71
|
type ValidatorFn = () => boolean | Promise<boolean>;
|
|
241
72
|
type ResetFn = () => void;
|
|
242
73
|
interface FormAPI {
|
|
@@ -289,14 +120,89 @@ type ThemesOptions = Record<string, ThemeDefinition>;
|
|
|
289
120
|
|
|
290
121
|
type Maybe<T> = T | undefined;
|
|
291
122
|
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
123
|
+
declare function useApplication(): ApplicationApi;
|
|
124
|
+
|
|
125
|
+
declare function useApplicationScroll(): {
|
|
126
|
+
appRef: vue.ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
|
|
127
|
+
classes: vue.ComputedRef<{
|
|
128
|
+
'c-app--block-scroll': boolean;
|
|
129
|
+
}>;
|
|
130
|
+
getScrollTop: () => number;
|
|
131
|
+
getScrollLeft: () => number;
|
|
132
|
+
blockScroll: () => void;
|
|
133
|
+
unblockScroll: () => void;
|
|
297
134
|
};
|
|
298
135
|
|
|
299
|
-
|
|
136
|
+
type AriaHaspopup = 'true' | 'false' | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';
|
|
137
|
+
|
|
138
|
+
declare enum BreakpointLabels {
|
|
139
|
+
XS = "xs",
|
|
140
|
+
SM = "sm",
|
|
141
|
+
MD = "md",
|
|
142
|
+
LG = "lg",
|
|
143
|
+
XL = "xl",
|
|
144
|
+
XXL = "xxl"
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
declare enum IconAliases {
|
|
148
|
+
DROPDOWN = "dropdown",
|
|
149
|
+
CHECKBOX_ON = "checkboxOn",
|
|
150
|
+
CHECKBOX_OFF = "checkboxOff",
|
|
151
|
+
CALENDAR = "calendar",
|
|
152
|
+
CHEVRON_LEFT = "chevronLeft",
|
|
153
|
+
CHEVRON_RIGHT = "chevronRight",
|
|
154
|
+
RADIO_ON = "radioOn",
|
|
155
|
+
RADIO_OFF = "radioOff",
|
|
156
|
+
CLOSE = "close"
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
interface AriaActivatorState {
|
|
160
|
+
expanded: boolean;
|
|
161
|
+
haspopup?: AriaHaspopup | boolean;
|
|
162
|
+
controls?: string;
|
|
163
|
+
}
|
|
164
|
+
declare function useAriaActivator(state: () => AriaActivatorState): vue.ComputedRef<Partial<Record<string, string>>>;
|
|
165
|
+
|
|
166
|
+
interface AriaDialogState {
|
|
167
|
+
labelledBy?: string;
|
|
168
|
+
describedBy?: string;
|
|
169
|
+
modal?: boolean;
|
|
170
|
+
}
|
|
171
|
+
declare function useAriaDialog(state?: () => AriaDialogState): vue.ComputedRef<{
|
|
172
|
+
[x: string]: string | undefined;
|
|
173
|
+
}>;
|
|
174
|
+
|
|
175
|
+
interface AriaFieldState {
|
|
176
|
+
fieldId: string;
|
|
177
|
+
label?: string | boolean;
|
|
178
|
+
hasDetails?: boolean;
|
|
179
|
+
hasError?: boolean;
|
|
180
|
+
errorMessage?: string;
|
|
181
|
+
readonly?: boolean;
|
|
182
|
+
disabled?: boolean;
|
|
183
|
+
}
|
|
184
|
+
declare function useAriaField(state: () => AriaFieldState): vue.ComputedRef<{
|
|
185
|
+
[x: string]: string | undefined;
|
|
186
|
+
}>;
|
|
187
|
+
|
|
188
|
+
interface AriaListboxState {
|
|
189
|
+
multiple?: boolean;
|
|
190
|
+
activeDescendant?: string;
|
|
191
|
+
}
|
|
192
|
+
declare function useAriaListbox(state: () => AriaListboxState): vue.ComputedRef<{
|
|
193
|
+
[x: string]: string | undefined;
|
|
194
|
+
}>;
|
|
195
|
+
|
|
196
|
+
type AriaToggleMode = 'checkbox' | 'switch' | 'button';
|
|
197
|
+
interface AriaToggleState {
|
|
198
|
+
checked?: boolean | 'mixed';
|
|
199
|
+
mode?: AriaToggleMode;
|
|
200
|
+
disabled?: boolean;
|
|
201
|
+
required?: boolean;
|
|
202
|
+
}
|
|
203
|
+
declare function useAriaToggle(state: () => AriaToggleState): vue.ComputedRef<{
|
|
204
|
+
[x: string]: string | undefined;
|
|
205
|
+
}>;
|
|
300
206
|
|
|
301
207
|
interface Dimensions {
|
|
302
208
|
top: number;
|
|
@@ -304,298 +210,18 @@ interface Dimensions {
|
|
|
304
210
|
width: number;
|
|
305
211
|
height: number;
|
|
306
212
|
}
|
|
213
|
+
type AlignSide = 'top' | 'bottom' | 'left' | 'right';
|
|
214
|
+
type AlignValue = AlignSide | 'top-center' | 'top-left' | 'top-right' | 'bottom-center' | 'bottom-left' | 'bottom-right' | 'left-center' | 'right-center';
|
|
307
215
|
interface AutoPositionProps {
|
|
308
216
|
strategy?: 'reverse' | 'bounce';
|
|
309
217
|
positionX?: number;
|
|
310
218
|
positionY?: number;
|
|
311
219
|
offsetX?: number | string;
|
|
312
220
|
offsetY?: number | string;
|
|
313
|
-
|
|
314
|
-
right?: boolean;
|
|
315
|
-
top?: boolean;
|
|
316
|
-
bottom?: boolean;
|
|
221
|
+
align?: AlignValue;
|
|
317
222
|
}
|
|
318
223
|
type MaybeElement = Element | ComponentPublicInstance | undefined;
|
|
319
224
|
type AutoPositionInputProps = DimensionsProps & AutoPositionProps;
|
|
320
|
-
declare const makeAutoPositionProps: {
|
|
321
|
-
<TDefaults extends Partial<Record<"top" | "left" | "strategy" | "positionX" | "positionY" | "offsetX" | "offsetY" | "right" | "bottom", unknown>>>(defaults: TDefaults): {
|
|
322
|
-
strategy: "strategy" extends infer T ? T extends "strategy" ? T extends keyof TDefaults ? {
|
|
323
|
-
strategy: {
|
|
324
|
-
type: PropType<AutoPositionProps["strategy"]>;
|
|
325
|
-
default: string;
|
|
326
|
-
};
|
|
327
|
-
positionX: NumberConstructor;
|
|
328
|
-
positionY: NumberConstructor;
|
|
329
|
-
offsetX: (StringConstructor | NumberConstructor)[];
|
|
330
|
-
offsetY: (StringConstructor | NumberConstructor)[];
|
|
331
|
-
left: BooleanConstructor;
|
|
332
|
-
right: BooleanConstructor;
|
|
333
|
-
top: BooleanConstructor;
|
|
334
|
-
bottom: BooleanConstructor;
|
|
335
|
-
}[T] & {
|
|
336
|
-
default: TDefaults[T];
|
|
337
|
-
} : {
|
|
338
|
-
strategy: {
|
|
339
|
-
type: PropType<AutoPositionProps["strategy"]>;
|
|
340
|
-
default: string;
|
|
341
|
-
};
|
|
342
|
-
positionX: NumberConstructor;
|
|
343
|
-
positionY: NumberConstructor;
|
|
344
|
-
offsetX: (StringConstructor | NumberConstructor)[];
|
|
345
|
-
offsetY: (StringConstructor | NumberConstructor)[];
|
|
346
|
-
left: BooleanConstructor;
|
|
347
|
-
right: BooleanConstructor;
|
|
348
|
-
top: BooleanConstructor;
|
|
349
|
-
bottom: BooleanConstructor;
|
|
350
|
-
}[T] : never : never;
|
|
351
|
-
positionX: "positionX" extends infer T_1 ? T_1 extends "positionX" ? T_1 extends keyof TDefaults ? {
|
|
352
|
-
strategy: {
|
|
353
|
-
type: PropType<AutoPositionProps["strategy"]>;
|
|
354
|
-
default: string;
|
|
355
|
-
};
|
|
356
|
-
positionX: NumberConstructor;
|
|
357
|
-
positionY: NumberConstructor;
|
|
358
|
-
offsetX: (StringConstructor | NumberConstructor)[];
|
|
359
|
-
offsetY: (StringConstructor | NumberConstructor)[];
|
|
360
|
-
left: BooleanConstructor;
|
|
361
|
-
right: BooleanConstructor;
|
|
362
|
-
top: BooleanConstructor;
|
|
363
|
-
bottom: BooleanConstructor;
|
|
364
|
-
}[T_1] & {
|
|
365
|
-
default: TDefaults[T_1];
|
|
366
|
-
} : {
|
|
367
|
-
strategy: {
|
|
368
|
-
type: PropType<AutoPositionProps["strategy"]>;
|
|
369
|
-
default: string;
|
|
370
|
-
};
|
|
371
|
-
positionX: NumberConstructor;
|
|
372
|
-
positionY: NumberConstructor;
|
|
373
|
-
offsetX: (StringConstructor | NumberConstructor)[];
|
|
374
|
-
offsetY: (StringConstructor | NumberConstructor)[];
|
|
375
|
-
left: BooleanConstructor;
|
|
376
|
-
right: BooleanConstructor;
|
|
377
|
-
top: BooleanConstructor;
|
|
378
|
-
bottom: BooleanConstructor;
|
|
379
|
-
}[T_1] : never : never;
|
|
380
|
-
positionY: "positionY" extends infer T_2 ? T_2 extends "positionY" ? T_2 extends keyof TDefaults ? {
|
|
381
|
-
strategy: {
|
|
382
|
-
type: PropType<AutoPositionProps["strategy"]>;
|
|
383
|
-
default: string;
|
|
384
|
-
};
|
|
385
|
-
positionX: NumberConstructor;
|
|
386
|
-
positionY: NumberConstructor;
|
|
387
|
-
offsetX: (StringConstructor | NumberConstructor)[];
|
|
388
|
-
offsetY: (StringConstructor | NumberConstructor)[];
|
|
389
|
-
left: BooleanConstructor;
|
|
390
|
-
right: BooleanConstructor;
|
|
391
|
-
top: BooleanConstructor;
|
|
392
|
-
bottom: BooleanConstructor;
|
|
393
|
-
}[T_2] & {
|
|
394
|
-
default: TDefaults[T_2];
|
|
395
|
-
} : {
|
|
396
|
-
strategy: {
|
|
397
|
-
type: PropType<AutoPositionProps["strategy"]>;
|
|
398
|
-
default: string;
|
|
399
|
-
};
|
|
400
|
-
positionX: NumberConstructor;
|
|
401
|
-
positionY: NumberConstructor;
|
|
402
|
-
offsetX: (StringConstructor | NumberConstructor)[];
|
|
403
|
-
offsetY: (StringConstructor | NumberConstructor)[];
|
|
404
|
-
left: BooleanConstructor;
|
|
405
|
-
right: BooleanConstructor;
|
|
406
|
-
top: BooleanConstructor;
|
|
407
|
-
bottom: BooleanConstructor;
|
|
408
|
-
}[T_2] : never : never;
|
|
409
|
-
offsetX: "offsetX" extends infer T_3 ? T_3 extends "offsetX" ? T_3 extends keyof TDefaults ? {
|
|
410
|
-
strategy: {
|
|
411
|
-
type: PropType<AutoPositionProps["strategy"]>;
|
|
412
|
-
default: string;
|
|
413
|
-
};
|
|
414
|
-
positionX: NumberConstructor;
|
|
415
|
-
positionY: NumberConstructor;
|
|
416
|
-
offsetX: (StringConstructor | NumberConstructor)[];
|
|
417
|
-
offsetY: (StringConstructor | NumberConstructor)[];
|
|
418
|
-
left: BooleanConstructor;
|
|
419
|
-
right: BooleanConstructor;
|
|
420
|
-
top: BooleanConstructor;
|
|
421
|
-
bottom: BooleanConstructor;
|
|
422
|
-
}[T_3] & {
|
|
423
|
-
default: TDefaults[T_3];
|
|
424
|
-
} : {
|
|
425
|
-
strategy: {
|
|
426
|
-
type: PropType<AutoPositionProps["strategy"]>;
|
|
427
|
-
default: string;
|
|
428
|
-
};
|
|
429
|
-
positionX: NumberConstructor;
|
|
430
|
-
positionY: NumberConstructor;
|
|
431
|
-
offsetX: (StringConstructor | NumberConstructor)[];
|
|
432
|
-
offsetY: (StringConstructor | NumberConstructor)[];
|
|
433
|
-
left: BooleanConstructor;
|
|
434
|
-
right: BooleanConstructor;
|
|
435
|
-
top: BooleanConstructor;
|
|
436
|
-
bottom: BooleanConstructor;
|
|
437
|
-
}[T_3] : never : never;
|
|
438
|
-
offsetY: "offsetY" extends infer T_4 ? T_4 extends "offsetY" ? T_4 extends keyof TDefaults ? {
|
|
439
|
-
strategy: {
|
|
440
|
-
type: PropType<AutoPositionProps["strategy"]>;
|
|
441
|
-
default: string;
|
|
442
|
-
};
|
|
443
|
-
positionX: NumberConstructor;
|
|
444
|
-
positionY: NumberConstructor;
|
|
445
|
-
offsetX: (StringConstructor | NumberConstructor)[];
|
|
446
|
-
offsetY: (StringConstructor | NumberConstructor)[];
|
|
447
|
-
left: BooleanConstructor;
|
|
448
|
-
right: BooleanConstructor;
|
|
449
|
-
top: BooleanConstructor;
|
|
450
|
-
bottom: BooleanConstructor;
|
|
451
|
-
}[T_4] & {
|
|
452
|
-
default: TDefaults[T_4];
|
|
453
|
-
} : {
|
|
454
|
-
strategy: {
|
|
455
|
-
type: PropType<AutoPositionProps["strategy"]>;
|
|
456
|
-
default: string;
|
|
457
|
-
};
|
|
458
|
-
positionX: NumberConstructor;
|
|
459
|
-
positionY: NumberConstructor;
|
|
460
|
-
offsetX: (StringConstructor | NumberConstructor)[];
|
|
461
|
-
offsetY: (StringConstructor | NumberConstructor)[];
|
|
462
|
-
left: BooleanConstructor;
|
|
463
|
-
right: BooleanConstructor;
|
|
464
|
-
top: BooleanConstructor;
|
|
465
|
-
bottom: BooleanConstructor;
|
|
466
|
-
}[T_4] : never : never;
|
|
467
|
-
left: "left" extends infer T_5 ? T_5 extends "left" ? T_5 extends keyof TDefaults ? {
|
|
468
|
-
strategy: {
|
|
469
|
-
type: PropType<AutoPositionProps["strategy"]>;
|
|
470
|
-
default: string;
|
|
471
|
-
};
|
|
472
|
-
positionX: NumberConstructor;
|
|
473
|
-
positionY: NumberConstructor;
|
|
474
|
-
offsetX: (StringConstructor | NumberConstructor)[];
|
|
475
|
-
offsetY: (StringConstructor | NumberConstructor)[];
|
|
476
|
-
left: BooleanConstructor;
|
|
477
|
-
right: BooleanConstructor;
|
|
478
|
-
top: BooleanConstructor;
|
|
479
|
-
bottom: BooleanConstructor;
|
|
480
|
-
}[T_5] & {
|
|
481
|
-
default: TDefaults[T_5];
|
|
482
|
-
} : {
|
|
483
|
-
strategy: {
|
|
484
|
-
type: PropType<AutoPositionProps["strategy"]>;
|
|
485
|
-
default: string;
|
|
486
|
-
};
|
|
487
|
-
positionX: NumberConstructor;
|
|
488
|
-
positionY: NumberConstructor;
|
|
489
|
-
offsetX: (StringConstructor | NumberConstructor)[];
|
|
490
|
-
offsetY: (StringConstructor | NumberConstructor)[];
|
|
491
|
-
left: BooleanConstructor;
|
|
492
|
-
right: BooleanConstructor;
|
|
493
|
-
top: BooleanConstructor;
|
|
494
|
-
bottom: BooleanConstructor;
|
|
495
|
-
}[T_5] : never : never;
|
|
496
|
-
right: "right" extends infer T_6 ? T_6 extends "right" ? T_6 extends keyof TDefaults ? {
|
|
497
|
-
strategy: {
|
|
498
|
-
type: PropType<AutoPositionProps["strategy"]>;
|
|
499
|
-
default: string;
|
|
500
|
-
};
|
|
501
|
-
positionX: NumberConstructor;
|
|
502
|
-
positionY: NumberConstructor;
|
|
503
|
-
offsetX: (StringConstructor | NumberConstructor)[];
|
|
504
|
-
offsetY: (StringConstructor | NumberConstructor)[];
|
|
505
|
-
left: BooleanConstructor;
|
|
506
|
-
right: BooleanConstructor;
|
|
507
|
-
top: BooleanConstructor;
|
|
508
|
-
bottom: BooleanConstructor;
|
|
509
|
-
}[T_6] & {
|
|
510
|
-
default: TDefaults[T_6];
|
|
511
|
-
} : {
|
|
512
|
-
strategy: {
|
|
513
|
-
type: PropType<AutoPositionProps["strategy"]>;
|
|
514
|
-
default: string;
|
|
515
|
-
};
|
|
516
|
-
positionX: NumberConstructor;
|
|
517
|
-
positionY: NumberConstructor;
|
|
518
|
-
offsetX: (StringConstructor | NumberConstructor)[];
|
|
519
|
-
offsetY: (StringConstructor | NumberConstructor)[];
|
|
520
|
-
left: BooleanConstructor;
|
|
521
|
-
right: BooleanConstructor;
|
|
522
|
-
top: BooleanConstructor;
|
|
523
|
-
bottom: BooleanConstructor;
|
|
524
|
-
}[T_6] : never : never;
|
|
525
|
-
top: "top" extends infer T_7 ? T_7 extends "top" ? T_7 extends keyof TDefaults ? {
|
|
526
|
-
strategy: {
|
|
527
|
-
type: PropType<AutoPositionProps["strategy"]>;
|
|
528
|
-
default: string;
|
|
529
|
-
};
|
|
530
|
-
positionX: NumberConstructor;
|
|
531
|
-
positionY: NumberConstructor;
|
|
532
|
-
offsetX: (StringConstructor | NumberConstructor)[];
|
|
533
|
-
offsetY: (StringConstructor | NumberConstructor)[];
|
|
534
|
-
left: BooleanConstructor;
|
|
535
|
-
right: BooleanConstructor;
|
|
536
|
-
top: BooleanConstructor;
|
|
537
|
-
bottom: BooleanConstructor;
|
|
538
|
-
}[T_7] & {
|
|
539
|
-
default: TDefaults[T_7];
|
|
540
|
-
} : {
|
|
541
|
-
strategy: {
|
|
542
|
-
type: PropType<AutoPositionProps["strategy"]>;
|
|
543
|
-
default: string;
|
|
544
|
-
};
|
|
545
|
-
positionX: NumberConstructor;
|
|
546
|
-
positionY: NumberConstructor;
|
|
547
|
-
offsetX: (StringConstructor | NumberConstructor)[];
|
|
548
|
-
offsetY: (StringConstructor | NumberConstructor)[];
|
|
549
|
-
left: BooleanConstructor;
|
|
550
|
-
right: BooleanConstructor;
|
|
551
|
-
top: BooleanConstructor;
|
|
552
|
-
bottom: BooleanConstructor;
|
|
553
|
-
}[T_7] : never : never;
|
|
554
|
-
bottom: "bottom" extends infer T_8 ? T_8 extends "bottom" ? T_8 extends keyof TDefaults ? {
|
|
555
|
-
strategy: {
|
|
556
|
-
type: PropType<AutoPositionProps["strategy"]>;
|
|
557
|
-
default: string;
|
|
558
|
-
};
|
|
559
|
-
positionX: NumberConstructor;
|
|
560
|
-
positionY: NumberConstructor;
|
|
561
|
-
offsetX: (StringConstructor | NumberConstructor)[];
|
|
562
|
-
offsetY: (StringConstructor | NumberConstructor)[];
|
|
563
|
-
left: BooleanConstructor;
|
|
564
|
-
right: BooleanConstructor;
|
|
565
|
-
top: BooleanConstructor;
|
|
566
|
-
bottom: BooleanConstructor;
|
|
567
|
-
}[T_8] & {
|
|
568
|
-
default: TDefaults[T_8];
|
|
569
|
-
} : {
|
|
570
|
-
strategy: {
|
|
571
|
-
type: PropType<AutoPositionProps["strategy"]>;
|
|
572
|
-
default: string;
|
|
573
|
-
};
|
|
574
|
-
positionX: NumberConstructor;
|
|
575
|
-
positionY: NumberConstructor;
|
|
576
|
-
offsetX: (StringConstructor | NumberConstructor)[];
|
|
577
|
-
offsetY: (StringConstructor | NumberConstructor)[];
|
|
578
|
-
left: BooleanConstructor;
|
|
579
|
-
right: BooleanConstructor;
|
|
580
|
-
top: BooleanConstructor;
|
|
581
|
-
bottom: BooleanConstructor;
|
|
582
|
-
}[T_8] : never : never;
|
|
583
|
-
};
|
|
584
|
-
(): {
|
|
585
|
-
strategy: {
|
|
586
|
-
type: PropType<AutoPositionProps["strategy"]>;
|
|
587
|
-
default: string;
|
|
588
|
-
};
|
|
589
|
-
positionX: NumberConstructor;
|
|
590
|
-
positionY: NumberConstructor;
|
|
591
|
-
offsetX: (StringConstructor | NumberConstructor)[];
|
|
592
|
-
offsetY: (StringConstructor | NumberConstructor)[];
|
|
593
|
-
left: BooleanConstructor;
|
|
594
|
-
right: BooleanConstructor;
|
|
595
|
-
top: BooleanConstructor;
|
|
596
|
-
bottom: BooleanConstructor;
|
|
597
|
-
};
|
|
598
|
-
};
|
|
599
225
|
declare function useAutoPosition(props: AutoPositionInputProps, activatorEl?: ComputedRef<MaybeElement>): {
|
|
600
226
|
activator: vue.Ref<{
|
|
601
227
|
top: number;
|
|
@@ -665,6 +291,41 @@ declare function useAutocomplete<T = any>(props: IterableItemsProps<T> & Selecta
|
|
|
665
291
|
select: (value: T) => void;
|
|
666
292
|
};
|
|
667
293
|
|
|
294
|
+
declare const breakpoints: {
|
|
295
|
+
readonly xs: 0;
|
|
296
|
+
readonly sm: 600;
|
|
297
|
+
readonly md: 960;
|
|
298
|
+
readonly lg: 1280;
|
|
299
|
+
readonly xl: 1920;
|
|
300
|
+
readonly xxl: 2560;
|
|
301
|
+
};
|
|
302
|
+
interface Breakpoints {
|
|
303
|
+
xxl: boolean;
|
|
304
|
+
xl: boolean;
|
|
305
|
+
lg: boolean;
|
|
306
|
+
md: boolean;
|
|
307
|
+
sm: boolean;
|
|
308
|
+
xs: boolean;
|
|
309
|
+
xlAndLess: boolean;
|
|
310
|
+
lgAndLess: boolean;
|
|
311
|
+
mdAndLess: boolean;
|
|
312
|
+
smAndLess: boolean;
|
|
313
|
+
xlAndUp: boolean;
|
|
314
|
+
lgAndUp: boolean;
|
|
315
|
+
mdAndUp: boolean;
|
|
316
|
+
smAndUp: boolean;
|
|
317
|
+
}
|
|
318
|
+
type Display = {
|
|
319
|
+
[k in keyof Breakpoints]: Ref<boolean>;
|
|
320
|
+
};
|
|
321
|
+
declare function useDisplay(): {
|
|
322
|
+
state: ShallowReactive<Breakpoints>;
|
|
323
|
+
createDisplay(points?: Record<BreakpointLabels, number>): Display;
|
|
324
|
+
update(): void;
|
|
325
|
+
};
|
|
326
|
+
|
|
327
|
+
declare function useBreakpoints(): Display | undefined;
|
|
328
|
+
|
|
668
329
|
declare function useButtonPresets({ props }: {
|
|
669
330
|
props: CBtnProps;
|
|
670
331
|
}): vue.ComputedRef<{
|
|
@@ -672,27 +333,6 @@ declare function useButtonPresets({ props }: {
|
|
|
672
333
|
label: never[];
|
|
673
334
|
}>;
|
|
674
335
|
|
|
675
|
-
declare enum BreakpointLabels {
|
|
676
|
-
XS = "xs",
|
|
677
|
-
SM = "sm",
|
|
678
|
-
MD = "md",
|
|
679
|
-
LG = "lg",
|
|
680
|
-
XL = "xl",
|
|
681
|
-
XXL = "xxl"
|
|
682
|
-
}
|
|
683
|
-
|
|
684
|
-
declare enum IconAliases {
|
|
685
|
-
DROPDOWN = "dropdown",
|
|
686
|
-
CHECKBOX_ON = "checkboxOn",
|
|
687
|
-
CHECKBOX_OFF = "checkboxOff",
|
|
688
|
-
CALENDAR = "calendar",
|
|
689
|
-
CHEVRON_LEFT = "chevronLeft",
|
|
690
|
-
CHEVRON_RIGHT = "chevronRight",
|
|
691
|
-
RADIO_ON = "radioOn",
|
|
692
|
-
RADIO_OFF = "radioOff",
|
|
693
|
-
CLOSE = "close"
|
|
694
|
-
}
|
|
695
|
-
|
|
696
336
|
type IconsOptions = {
|
|
697
337
|
dir?: string;
|
|
698
338
|
aliases?: Partial<Record<IconAliases, any>>;
|
|
@@ -725,32 +365,6 @@ type DelayProps = {
|
|
|
725
365
|
openDelay?: number | string;
|
|
726
366
|
closeDelay?: number | string;
|
|
727
367
|
};
|
|
728
|
-
declare const makeDelayProps: {
|
|
729
|
-
<TDefaults extends Partial<Record<"openDelay" | "closeDelay", unknown>>>(defaults: TDefaults): {
|
|
730
|
-
openDelay: "openDelay" extends infer T ? T extends "openDelay" ? T extends keyof TDefaults ? {
|
|
731
|
-
openDelay: (StringConstructor | NumberConstructor)[];
|
|
732
|
-
closeDelay: (StringConstructor | NumberConstructor)[];
|
|
733
|
-
}[T] & {
|
|
734
|
-
default: TDefaults[T];
|
|
735
|
-
} : {
|
|
736
|
-
openDelay: (StringConstructor | NumberConstructor)[];
|
|
737
|
-
closeDelay: (StringConstructor | NumberConstructor)[];
|
|
738
|
-
}[T] : never : never;
|
|
739
|
-
closeDelay: "closeDelay" extends infer T_1 ? T_1 extends "closeDelay" ? T_1 extends keyof TDefaults ? {
|
|
740
|
-
openDelay: (StringConstructor | NumberConstructor)[];
|
|
741
|
-
closeDelay: (StringConstructor | NumberConstructor)[];
|
|
742
|
-
}[T_1] & {
|
|
743
|
-
default: TDefaults[T_1];
|
|
744
|
-
} : {
|
|
745
|
-
openDelay: (StringConstructor | NumberConstructor)[];
|
|
746
|
-
closeDelay: (StringConstructor | NumberConstructor)[];
|
|
747
|
-
}[T_1] : never : never;
|
|
748
|
-
};
|
|
749
|
-
(): {
|
|
750
|
-
openDelay: (StringConstructor | NumberConstructor)[];
|
|
751
|
-
closeDelay: (StringConstructor | NumberConstructor)[];
|
|
752
|
-
};
|
|
753
|
-
};
|
|
754
368
|
declare function useDelayedActions(props: Partial<DelayProps> & Record<string, any>): {
|
|
755
369
|
openDelay: (fn: (...args: any) => any) => void;
|
|
756
370
|
closeDelay: (fn: (...args: any) => any) => void;
|
|
@@ -774,66 +388,6 @@ interface DialogsStackAPI {
|
|
|
774
388
|
declare function createDialogsStack(): DialogsStackAPI;
|
|
775
389
|
declare function useDialogsStack(): DialogsStackAPI;
|
|
776
390
|
|
|
777
|
-
declare const breakpoints: {
|
|
778
|
-
readonly xs: 0;
|
|
779
|
-
readonly sm: 600;
|
|
780
|
-
readonly md: 960;
|
|
781
|
-
readonly lg: 1280;
|
|
782
|
-
readonly xl: 1920;
|
|
783
|
-
readonly xxl: 2560;
|
|
784
|
-
};
|
|
785
|
-
interface AppBreakpoints {
|
|
786
|
-
xxl: MaybeRef<boolean>;
|
|
787
|
-
xl: MaybeRef<boolean>;
|
|
788
|
-
lg: MaybeRef<boolean>;
|
|
789
|
-
md: MaybeRef<boolean>;
|
|
790
|
-
sm: MaybeRef<boolean>;
|
|
791
|
-
xs: MaybeRef<boolean>;
|
|
792
|
-
xlAndLess: MaybeRef<boolean>;
|
|
793
|
-
lgAndLess: MaybeRef<boolean>;
|
|
794
|
-
mdAndLess: MaybeRef<boolean>;
|
|
795
|
-
smAndLess: MaybeRef<boolean>;
|
|
796
|
-
xlAndUp: MaybeRef<boolean>;
|
|
797
|
-
lgAndUp: MaybeRef<boolean>;
|
|
798
|
-
mdAndUp: MaybeRef<boolean>;
|
|
799
|
-
smAndUp: MaybeRef<boolean>;
|
|
800
|
-
}
|
|
801
|
-
declare function useDisplay(): {
|
|
802
|
-
state: {
|
|
803
|
-
xxl: boolean;
|
|
804
|
-
xl: boolean;
|
|
805
|
-
lg: boolean;
|
|
806
|
-
md: boolean;
|
|
807
|
-
sm: boolean;
|
|
808
|
-
xs: boolean;
|
|
809
|
-
xlAndLess: boolean;
|
|
810
|
-
lgAndLess: boolean;
|
|
811
|
-
mdAndLess: boolean;
|
|
812
|
-
smAndLess: boolean;
|
|
813
|
-
xlAndUp: boolean;
|
|
814
|
-
lgAndUp: boolean;
|
|
815
|
-
mdAndUp: boolean;
|
|
816
|
-
smAndUp: boolean;
|
|
817
|
-
};
|
|
818
|
-
createDisplay: (points?: Record<BreakpointLabels, number>) => {
|
|
819
|
-
update: () => void;
|
|
820
|
-
xxl: vue.Ref<boolean, boolean>;
|
|
821
|
-
xl: vue.Ref<boolean, boolean>;
|
|
822
|
-
lg: vue.Ref<boolean, boolean>;
|
|
823
|
-
md: vue.Ref<boolean, boolean>;
|
|
824
|
-
sm: vue.Ref<boolean, boolean>;
|
|
825
|
-
xs: vue.Ref<boolean, boolean>;
|
|
826
|
-
xlAndLess: vue.Ref<boolean, boolean>;
|
|
827
|
-
lgAndLess: vue.Ref<boolean, boolean>;
|
|
828
|
-
mdAndLess: vue.Ref<boolean, boolean>;
|
|
829
|
-
smAndLess: vue.Ref<boolean, boolean>;
|
|
830
|
-
xlAndUp: vue.Ref<boolean, boolean>;
|
|
831
|
-
lgAndUp: vue.Ref<boolean, boolean>;
|
|
832
|
-
mdAndUp: vue.Ref<boolean, boolean>;
|
|
833
|
-
smAndUp: vue.Ref<boolean, boolean>;
|
|
834
|
-
};
|
|
835
|
-
};
|
|
836
|
-
|
|
837
391
|
/**
|
|
838
392
|
* @description - кастомный эффект, для кейсов где понадобится
|
|
839
393
|
* стопать и перезапускать один и тот же эффект.
|
|
@@ -955,12 +509,6 @@ declare function useKeyboard(handlers: KeyboardHandlers, options?: UseKeyboardOp
|
|
|
955
509
|
|
|
956
510
|
declare function useMenu(): any;
|
|
957
511
|
|
|
958
|
-
declare function useMenuPresets({ props }: {
|
|
959
|
-
props: CMenuProps;
|
|
960
|
-
}): vue.ComputedRef<{
|
|
961
|
-
root: string[];
|
|
962
|
-
}>;
|
|
963
|
-
|
|
964
512
|
declare function clearOverlayStack(): void;
|
|
965
513
|
declare function useOverlayStack(): {
|
|
966
514
|
register: () => number;
|
|
@@ -970,25 +518,11 @@ declare function useOverlayStack(): {
|
|
|
970
518
|
type PresetProps = {
|
|
971
519
|
preset?: string;
|
|
972
520
|
};
|
|
973
|
-
declare const makePresetProps: {
|
|
974
|
-
<TDefaults extends Partial<Record<"preset", unknown>>>(defaults: TDefaults): {
|
|
975
|
-
preset: "preset" extends infer T ? T extends "preset" ? T extends keyof TDefaults ? {
|
|
976
|
-
preset: StringConstructor;
|
|
977
|
-
}[T] & {
|
|
978
|
-
default: TDefaults[T];
|
|
979
|
-
} : {
|
|
980
|
-
preset: StringConstructor;
|
|
981
|
-
}[T] : never : never;
|
|
982
|
-
};
|
|
983
|
-
(): {
|
|
984
|
-
preset: StringConstructor;
|
|
985
|
-
};
|
|
986
|
-
};
|
|
987
521
|
declare function usePresets<T>(props: PresetProps): ComputedRef<Maybe<T>>;
|
|
988
522
|
|
|
989
523
|
declare function useSelectControl(): any;
|
|
990
524
|
|
|
991
525
|
declare function useToggle(value?: boolean): [ShallowRef<boolean>, () => void];
|
|
992
526
|
|
|
993
|
-
export { InputEvents, breakpoints, clearOverlayStack, createDialogsStack,
|
|
994
|
-
export type { ActivatorListeners, ActivatorProps,
|
|
527
|
+
export { InputEvents, breakpoints, clearOverlayStack, createDialogsStack, useActivator, useApplication, useApplicationScroll, useAriaActivator, useAriaDialog, useAriaField, useAriaListbox, useAriaToggle, useAutoPosition, useAutocomplete, useBreakpoints, useButtonPresets, useCore, useDelayedActions, useDialogsStack, useDisplay, useEffect, useForm, useIcon, useId, useInputPresets, useKeyboard, useMenu, useNormalizedItems, useOverlayStack, usePresets, useSelectControl, useSelectedChips, useToggle, useValidate };
|
|
528
|
+
export type { ActivatorListeners, ActivatorProps, AlignSide, AlignValue, AriaActivatorState, AriaDialogState, AriaFieldState, AriaListboxState, AriaToggleMode, AriaToggleState, AutoPositionProps, Breakpoints, ComponentIconData, DelayProps, DialogStackItem, DialogsStackAPI, Dimensions, Display, FontIconData, IconMode, IconResolver, IconResolverResult, IdOptions, IterableItemsProps, KeyboardHandler, KeyboardHandlers, KeyboardKey, LoosePath, NormalizedItem, Path, PresetProps, Primitive, ResolvedIcon, SelectableEventProps, SelectableProps, SelectablePublicProps, SpriteIconData, SvgIconData, UseIconOptions, UseKeyboardOptions, ValidateFn, ValidateOn, ValidateProps, ValidateResult, ValidateState };
|