@illinois-grad/grad-vue 3.0.7 → 3.0.9
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/custom-elements.json +30 -0
- package/dist/components/GHamburgerMenu.vue.d.ts +11 -0
- package/dist/components/GSelect.vue.d.ts +1 -3
- package/dist/components/GSelectButton.vue.d.ts +1 -3
- package/dist/components/GThreeWayToggle.vue.d.ts +1 -3
- package/dist/components/GTreeMenu.vue.d.ts +22 -0
- package/dist/compose/useScrollRestore.d.ts +12 -0
- package/dist/{grad-vue-DmUhI4Ja.js → grad-vue-D1bBU4zO.js} +542 -482
- package/dist/grad-vue-D1bBU4zO.js.map +1 -0
- package/dist/grad-vue-elements.css +27 -27
- package/dist/grad-vue-elements.js +446 -383
- package/dist/grad-vue-elements.js.map +1 -1
- package/dist/grad-vue.css +1 -1
- package/dist/grad-vue.d.ts +1 -0
- package/dist/grad-vue.js +2 -2
- package/dist/plugin.js +2 -2
- package/dist/plugin.js.map +1 -1
- package/package.json +4 -4
- package/dist/grad-vue-DmUhI4Ja.js.map +0 -1
package/custom-elements.json
CHANGED
|
@@ -1074,6 +1074,16 @@
|
|
|
1074
1074
|
},
|
|
1075
1075
|
"optional": true,
|
|
1076
1076
|
"description": "Sidebar media query for custom elements mode"
|
|
1077
|
+
},
|
|
1078
|
+
{
|
|
1079
|
+
"kind": "field",
|
|
1080
|
+
"name": "labelVisible",
|
|
1081
|
+
"type": {
|
|
1082
|
+
"text": "boolean"
|
|
1083
|
+
},
|
|
1084
|
+
"optional": true,
|
|
1085
|
+
"description": "Show a visible label",
|
|
1086
|
+
"default": "false"
|
|
1077
1087
|
}
|
|
1078
1088
|
],
|
|
1079
1089
|
"events": [
|
|
@@ -2896,6 +2906,26 @@
|
|
|
2896
2906
|
"optional": true,
|
|
2897
2907
|
"description": "Show an expand/collapse all button",
|
|
2898
2908
|
"default": "false"
|
|
2909
|
+
},
|
|
2910
|
+
{
|
|
2911
|
+
"kind": "field",
|
|
2912
|
+
"name": "headingLevel",
|
|
2913
|
+
"type": {
|
|
2914
|
+
"text": "\"h2\" | \"h3\""
|
|
2915
|
+
},
|
|
2916
|
+
"optional": true,
|
|
2917
|
+
"description": "Heading level for the heading element",
|
|
2918
|
+
"default": "\"h2\""
|
|
2919
|
+
},
|
|
2920
|
+
{
|
|
2921
|
+
"kind": "field",
|
|
2922
|
+
"name": "smallHeading",
|
|
2923
|
+
"type": {
|
|
2924
|
+
"text": "boolean"
|
|
2925
|
+
},
|
|
2926
|
+
"optional": true,
|
|
2927
|
+
"description": "Render the heading in a compact style and omit the divider line",
|
|
2928
|
+
"default": "false"
|
|
2899
2929
|
}
|
|
2900
2930
|
],
|
|
2901
2931
|
"events": []
|
|
@@ -46,6 +46,11 @@ declare const __VLS_export: import("vue").DefineComponent<{
|
|
|
46
46
|
* @demo
|
|
47
47
|
*/
|
|
48
48
|
mediaQuery?: string;
|
|
49
|
+
/**
|
|
50
|
+
* Show a visible label
|
|
51
|
+
* @demo
|
|
52
|
+
*/
|
|
53
|
+
labelVisible?: boolean;
|
|
49
54
|
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
50
55
|
toggle: () => any;
|
|
51
56
|
}, string, import("vue").PublicProps, Readonly<{
|
|
@@ -64,9 +69,15 @@ declare const __VLS_export: import("vue").DefineComponent<{
|
|
|
64
69
|
* @demo
|
|
65
70
|
*/
|
|
66
71
|
mediaQuery?: string;
|
|
72
|
+
/**
|
|
73
|
+
* Show a visible label
|
|
74
|
+
* @demo
|
|
75
|
+
*/
|
|
76
|
+
labelVisible?: boolean;
|
|
67
77
|
}> & Readonly<{
|
|
68
78
|
onToggle?: (() => any) | undefined;
|
|
69
79
|
}>, {
|
|
70
80
|
label: string;
|
|
71
81
|
sidebarKey: string;
|
|
82
|
+
labelVisible: boolean;
|
|
72
83
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
@@ -78,8 +78,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
|
|
|
78
78
|
} & {
|
|
79
79
|
modelValue?: string | number | null;
|
|
80
80
|
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
81
|
-
|
|
82
|
-
"update:modelValue": (value: string | number | null | undefined) => void;
|
|
81
|
+
"update:modelValue": (value: string | number | null | undefined) => any;
|
|
83
82
|
}, string, import("vue").PublicProps, Readonly<{
|
|
84
83
|
/**
|
|
85
84
|
* List of options to choose from
|
|
@@ -143,7 +142,6 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
|
|
|
143
142
|
modelValue?: string | number | null;
|
|
144
143
|
}> & Readonly<{
|
|
145
144
|
"onUpdate:modelValue"?: ((value: string | number | null | undefined) => any) | undefined;
|
|
146
|
-
onChange?: ((...args: any[]) => any) | undefined;
|
|
147
145
|
}>, {
|
|
148
146
|
errors: string[];
|
|
149
147
|
required: boolean;
|
|
@@ -56,8 +56,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
|
|
|
56
56
|
} & {
|
|
57
57
|
modelValue?: string | number;
|
|
58
58
|
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
59
|
-
|
|
60
|
-
"update:modelValue": (value: string | number) => void;
|
|
59
|
+
"update:modelValue": (value: string | number) => any;
|
|
61
60
|
}, string, import("vue").PublicProps, Readonly<{
|
|
62
61
|
/**
|
|
63
62
|
* List of options to select from
|
|
@@ -102,7 +101,6 @@ declare const __VLS_export: import("vue").DefineComponent<{
|
|
|
102
101
|
modelValue?: string | number;
|
|
103
102
|
}> & Readonly<{
|
|
104
103
|
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
|
|
105
|
-
onChange?: ((...args: any[]) => any) | undefined;
|
|
106
104
|
}>, {
|
|
107
105
|
size: "small" | "medium" | "large";
|
|
108
106
|
name: string;
|
|
@@ -39,8 +39,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
|
|
|
39
39
|
} & {
|
|
40
40
|
modelValue?: boolean | null;
|
|
41
41
|
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
42
|
-
|
|
43
|
-
"update:modelValue": (value: boolean | null) => void;
|
|
42
|
+
"update:modelValue": (value: boolean | null) => any;
|
|
44
43
|
}, string, import("vue").PublicProps, Readonly<{
|
|
45
44
|
/**
|
|
46
45
|
* Accessible label
|
|
@@ -65,7 +64,6 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
|
|
|
65
64
|
modelValue?: boolean | null;
|
|
66
65
|
}> & Readonly<{
|
|
67
66
|
"onUpdate:modelValue"?: ((value: boolean | null) => any) | undefined;
|
|
68
|
-
onChange?: ((...args: any[]) => any) | undefined;
|
|
69
67
|
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
|
|
70
68
|
label?: (props: {}) => any;
|
|
71
69
|
}>;
|
|
@@ -80,6 +80,16 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
|
|
|
80
80
|
* @demo
|
|
81
81
|
*/
|
|
82
82
|
showExpandAll?: boolean;
|
|
83
|
+
/**
|
|
84
|
+
* Heading level for the heading element
|
|
85
|
+
* @demo
|
|
86
|
+
*/
|
|
87
|
+
headingLevel?: "h2" | "h3";
|
|
88
|
+
/**
|
|
89
|
+
* Render the heading in a compact style and omit the divider line
|
|
90
|
+
* @demo
|
|
91
|
+
*/
|
|
92
|
+
smallHeading?: boolean;
|
|
83
93
|
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
|
|
84
94
|
/**
|
|
85
95
|
* Heading and accessible name for the nav landmark
|
|
@@ -108,10 +118,22 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
|
|
|
108
118
|
* @demo
|
|
109
119
|
*/
|
|
110
120
|
showExpandAll?: boolean;
|
|
121
|
+
/**
|
|
122
|
+
* Heading level for the heading element
|
|
123
|
+
* @demo
|
|
124
|
+
*/
|
|
125
|
+
headingLevel?: "h2" | "h3";
|
|
126
|
+
/**
|
|
127
|
+
* Render the heading in a compact style and omit the divider line
|
|
128
|
+
* @demo
|
|
129
|
+
*/
|
|
130
|
+
smallHeading?: boolean;
|
|
111
131
|
}> & Readonly<{}>, {
|
|
112
132
|
theme: "light" | "dark";
|
|
113
133
|
listType: "ul" | "ol";
|
|
114
134
|
showExpandAll: boolean;
|
|
135
|
+
headingLevel: "h2" | "h3";
|
|
136
|
+
smallHeading: boolean;
|
|
115
137
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
|
|
116
138
|
default?: (props: {}) => any;
|
|
117
139
|
}>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { type Ref } from "vue";
|
|
2
|
+
/**
|
|
3
|
+
* Composable to handle scroll position storage and automatic restoration for a component.
|
|
4
|
+
* Saves the scroll top of the nearest scrollable parent when scrolling,
|
|
5
|
+
* and restores it automatically on mount or when the component becomes visible.
|
|
6
|
+
*
|
|
7
|
+
* @param elementRef Ref to the element whose scrollable parent should be tracked.
|
|
8
|
+
* @param storageKey Session storage key prefix. Scroll position is saved under `${storageKey}:scroll`.
|
|
9
|
+
*/
|
|
10
|
+
export declare function useScrollRestore(elementRef: Ref<HTMLElement | null>, storageKey: string | undefined): {
|
|
11
|
+
isPendingScrollRestore: Ref<boolean, boolean>;
|
|
12
|
+
};
|