@maltjoy/core-vue 3.14.0 → 3.15.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/dist/components/JoyButton/VJoyButton.vue.d.ts +3 -1
- package/dist/components/JoyInput/VJoyInput.vue.d.ts +6 -6
- package/dist/components/JoyMenu/VJoyMenu.vue.d.ts +58 -0
- package/dist/helpers/index.d.ts +1 -0
- package/dist/joy-vue.js +180 -179
- package/dist/joy-vue.umd.cjs +1 -1
- package/dist/style.css +1 -1
- package/joy-components.d.ts +1 -0
- package/package.json +3 -4
- package/dist/tests/__utils__/index.d.ts +0 -1
|
@@ -41,7 +41,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
41
41
|
default: string;
|
|
42
42
|
validator(variant: ButtonSizes): boolean;
|
|
43
43
|
};
|
|
44
|
-
}, {
|
|
44
|
+
}, {
|
|
45
|
+
randomId: string;
|
|
46
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
45
47
|
/**
|
|
46
48
|
* If you only need a button with an icon. To keep your component accessible, you can give a text as slot, it will be used as title and aria-label.
|
|
47
49
|
* This property takes effect only if icon property is set
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
2
|
import { InputSizes } from './JoyInput.types';
|
|
3
3
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
4
|
+
modelValue: {
|
|
5
|
+
type: PropType<string | number | null>;
|
|
6
|
+
};
|
|
4
7
|
disabled: {
|
|
5
8
|
type: BooleanConstructor;
|
|
6
9
|
default: boolean;
|
|
@@ -34,9 +37,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
34
37
|
type: BooleanConstructor;
|
|
35
38
|
default: boolean;
|
|
36
39
|
};
|
|
37
|
-
modelValue: {
|
|
38
|
-
type: (StringConstructor | NumberConstructor)[];
|
|
39
|
-
};
|
|
40
40
|
modelModifiers: {
|
|
41
41
|
default: () => {
|
|
42
42
|
lazy: boolean;
|
|
@@ -63,6 +63,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
63
63
|
/** Adds a legend like symbol on the right of the component. Made for number based values */
|
|
64
64
|
unit: StringConstructor;
|
|
65
65
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
66
|
+
modelValue: {
|
|
67
|
+
type: PropType<string | number | null>;
|
|
68
|
+
};
|
|
66
69
|
disabled: {
|
|
67
70
|
type: BooleanConstructor;
|
|
68
71
|
default: boolean;
|
|
@@ -96,9 +99,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
96
99
|
type: BooleanConstructor;
|
|
97
100
|
default: boolean;
|
|
98
101
|
};
|
|
99
|
-
modelValue: {
|
|
100
|
-
type: (StringConstructor | NumberConstructor)[];
|
|
101
|
-
};
|
|
102
102
|
modelModifiers: {
|
|
103
103
|
default: () => {
|
|
104
104
|
lazy: boolean;
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { JoyIconsId } from '@maltjoy/icons';
|
|
2
|
+
import { PropType } from 'vue';
|
|
3
|
+
export interface MenuItem {
|
|
4
|
+
id?: string;
|
|
5
|
+
label: string;
|
|
6
|
+
href?: string;
|
|
7
|
+
icon?: JoyIconsId;
|
|
8
|
+
current?: boolean;
|
|
9
|
+
/**
|
|
10
|
+
* @default false
|
|
11
|
+
*/
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
[k: string]: any;
|
|
14
|
+
}
|
|
15
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
16
|
+
/**
|
|
17
|
+
* In order to make it work with v-model, you need to pass for each option, a value or an ID.
|
|
18
|
+
*/
|
|
19
|
+
items: {
|
|
20
|
+
type: PropType<MenuItem[]>;
|
|
21
|
+
default(): never[];
|
|
22
|
+
};
|
|
23
|
+
modelValue: {
|
|
24
|
+
type: StringConstructor;
|
|
25
|
+
};
|
|
26
|
+
ariaLabel: {
|
|
27
|
+
type: StringConstructor;
|
|
28
|
+
};
|
|
29
|
+
}, {
|
|
30
|
+
activeMenuItemId: import("vue").Ref<string | undefined>;
|
|
31
|
+
getItems: () => HTMLElement[];
|
|
32
|
+
getItemId: (item: MenuItem) => string;
|
|
33
|
+
getFocusedItem: () => HTMLElement | undefined;
|
|
34
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
35
|
+
/**
|
|
36
|
+
* In order to make it work with v-model, you need to pass for each option, a value or an ID.
|
|
37
|
+
*/
|
|
38
|
+
items: {
|
|
39
|
+
type: PropType<MenuItem[]>;
|
|
40
|
+
default(): never[];
|
|
41
|
+
};
|
|
42
|
+
modelValue: {
|
|
43
|
+
type: StringConstructor;
|
|
44
|
+
};
|
|
45
|
+
ariaLabel: {
|
|
46
|
+
type: StringConstructor;
|
|
47
|
+
};
|
|
48
|
+
}>>, {
|
|
49
|
+
items: MenuItem[];
|
|
50
|
+
}, {}>, {
|
|
51
|
+
'menu-item': (_: MenuItem) => any;
|
|
52
|
+
}>;
|
|
53
|
+
export default _default;
|
|
54
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
55
|
+
new (): {
|
|
56
|
+
$slots: S;
|
|
57
|
+
};
|
|
58
|
+
};
|
package/dist/helpers/index.d.ts
CHANGED
|
@@ -3,3 +3,4 @@ import { Ref } from 'vue';
|
|
|
3
3
|
import { LEVELS } from '../types';
|
|
4
4
|
export declare function iconLevel(level: (typeof LEVELS)[number]): JoyIconsNames;
|
|
5
5
|
export declare function focusOnFirstFocusableFormField(root: Ref): any;
|
|
6
|
+
export declare const generateRandomId: (length?: number) => string;
|