@synergy-design-system/vue 2.7.2 → 2.7.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/dist/components/SynVueAccordion.vue.d.ts +12 -12
- package/dist/components/SynVueAlert.vue.d.ts +13 -9
- package/dist/components/SynVueBadge.vue.d.ts +4 -4
- package/dist/components/SynVueBreadcrumbItem.vue.d.ts +12 -12
- package/dist/components/SynVueButton.vue.d.ts +62 -59
- package/dist/components/SynVueCard.vue.d.ts +8 -8
- package/dist/components/SynVueCheckbox.vue.d.ts +40 -35
- package/dist/components/SynVueDetails.vue.d.ts +23 -19
- package/dist/components/SynVueDialog.vue.d.ts +7 -1
- package/dist/components/SynVueDivider.vue.d.ts +4 -4
- package/dist/components/SynVueDrawer.vue.d.ts +11 -5
- package/dist/components/SynVueDropdown.vue.d.ts +21 -17
- package/dist/components/SynVueFile.vue.d.ts +40 -35
- package/dist/components/SynVueHeader.vue.d.ts +10 -7
- package/dist/components/SynVueIcon.vue.d.ts +13 -11
- package/dist/components/SynVueIconButton.vue.d.ts +37 -35
- package/dist/components/SynVueInput.vue.d.ts +115 -109
- package/dist/components/SynVueMenu.vue.d.ts +2 -1
- package/dist/components/SynVueMenuItem.vue.d.ts +24 -24
- package/dist/components/SynVueNavItem.vue.d.ts +13 -9
- package/dist/components/SynVueOptgroup.vue.d.ts +10 -10
- package/dist/components/SynVueOption.vue.d.ts +4 -4
- package/dist/components/SynVuePopup.vue.d.ts +34 -33
- package/dist/components/SynVueProgressBar.vue.d.ts +12 -12
- package/dist/components/SynVueProgressRing.vue.d.ts +8 -8
- package/dist/components/SynVueRadio.vue.d.ts +13 -11
- package/dist/components/SynVueRadioButton.vue.d.ts +17 -15
- package/dist/components/SynVueRadioGroup.vue.d.ts +32 -29
- package/dist/components/SynVueRange.vue.d.ts +57 -51
- package/dist/components/SynVueRangeTick.vue.d.ts +4 -4
- package/dist/components/SynVueSelect.vue.d.ts +55 -45
- package/dist/components/SynVueSideNav.vue.d.ts +5 -1
- package/dist/components/SynVueSwitch.vue.d.ts +40 -35
- package/dist/components/SynVueTab.vue.d.ts +20 -19
- package/dist/components/SynVueTabGroup.vue.d.ts +21 -19
- package/dist/components/SynVueTabPanel.vue.d.ts +8 -8
- package/dist/components/SynVueTag.vue.d.ts +10 -9
- package/dist/components/SynVueTextarea.vue.d.ts +86 -81
- package/dist/components/SynVueTooltip.vue.d.ts +29 -25
- package/package.json +2 -2
- package/src/components/SynVueAccordion.vue +16 -21
- package/src/components/SynVueAlert.vue +29 -29
- package/src/components/SynVueBadge.vue +10 -15
- package/src/components/SynVueBreadcrumb.vue +8 -13
- package/src/components/SynVueBreadcrumbItem.vue +16 -21
- package/src/components/SynVueButton.vue +66 -67
- package/src/components/SynVueButtonGroup.vue +8 -13
- package/src/components/SynVueCard.vue +12 -17
- package/src/components/SynVueCheckbox.vue +64 -53
- package/src/components/SynVueDetails.vue +35 -35
- package/src/components/SynVueDialog.vue +33 -31
- package/src/components/SynVueDivider.vue +9 -14
- package/src/components/SynVueDrawer.vue +37 -35
- package/src/components/SynVueDropdown.vue +37 -37
- package/src/components/SynVueFile.vue +69 -58
- package/src/components/SynVueHeader.vue +23 -24
- package/src/components/SynVueIcon.vue +26 -25
- package/src/components/SynVueIconButton.vue +42 -41
- package/src/components/SynVueInput.vue +123 -111
- package/src/components/SynVueMenu.vue +6 -9
- package/src/components/SynVueMenuItem.vue +24 -29
- package/src/components/SynVueMenuLabel.vue +2 -6
- package/src/components/SynVueNavItem.vue +32 -32
- package/src/components/SynVueOptgroup.vue +14 -19
- package/src/components/SynVueOption.vue +11 -16
- package/src/components/SynVuePopup.vue +51 -52
- package/src/components/SynVuePrioNav.vue +2 -6
- package/src/components/SynVueProgressBar.vue +16 -21
- package/src/components/SynVueProgressRing.vue +13 -18
- package/src/components/SynVueRadio.vue +23 -23
- package/src/components/SynVueRadioButton.vue +26 -26
- package/src/components/SynVueRadioGroup.vue +52 -43
- package/src/components/SynVueRange.vue +77 -65
- package/src/components/SynVueRangeTick.vue +10 -15
- package/src/components/SynVueSelect.vue +90 -74
- package/src/components/SynVueSideNav.vue +24 -24
- package/src/components/SynVueSpinner.vue +1 -5
- package/src/components/SynVueSwitch.vue +63 -52
- package/src/components/SynVueTab.vue +25 -26
- package/src/components/SynVueTabGroup.vue +31 -31
- package/src/components/SynVueTabPanel.vue +13 -18
- package/src/components/SynVueTag.vue +18 -19
- package/src/components/SynVueTextarea.vue +99 -88
- package/src/components/SynVueTooltip.vue +41 -41
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
import '@synergy-design-system/components/components/input/input.js';
|
|
2
|
-
import type { SynBlurEvent
|
|
2
|
+
import type { SynBlurEvent } from '@synergy-design-system/components';
|
|
3
|
+
import type { SynChangeEvent } from '@synergy-design-system/components';
|
|
4
|
+
import type { SynClearEvent } from '@synergy-design-system/components';
|
|
5
|
+
import type { SynFocusEvent } from '@synergy-design-system/components';
|
|
6
|
+
import type { SynInputEvent } from '@synergy-design-system/components';
|
|
7
|
+
import type { SynInvalidEvent } from '@synergy-design-system/components';
|
|
8
|
+
import type { SynInput } from '@synergy-design-system/components';
|
|
3
9
|
export type { SynBlurEvent } from '@synergy-design-system/components';
|
|
4
10
|
export type { SynChangeEvent } from '@synergy-design-system/components';
|
|
5
11
|
export type { SynClearEvent } from '@synergy-design-system/components';
|
|
@@ -16,56 +22,56 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
16
22
|
*/
|
|
17
23
|
type?: SynInput["type"];
|
|
18
24
|
/**
|
|
19
|
-
|
|
20
|
-
|
|
25
|
+
* The name of the input, submitted as a name/value pair with form data.
|
|
26
|
+
*/
|
|
21
27
|
name?: SynInput["name"];
|
|
22
28
|
/**
|
|
23
|
-
|
|
24
|
-
|
|
29
|
+
* The current value of the input, submitted as a name/value pair with form data.
|
|
30
|
+
*/
|
|
25
31
|
value?: SynInput["value"];
|
|
26
32
|
/**
|
|
27
|
-
|
|
28
|
-
|
|
33
|
+
* The input's size.
|
|
34
|
+
*/
|
|
29
35
|
size?: SynInput["size"];
|
|
30
36
|
/**
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
37
|
+
* The input's label.
|
|
38
|
+
* If you need to display HTML, use the `label` slot instead.
|
|
39
|
+
*/
|
|
34
40
|
label?: SynInput["label"];
|
|
35
41
|
/**
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
42
|
+
* The input's help text.
|
|
43
|
+
* If you need to display HTML, use the `help-text` slot instead.
|
|
44
|
+
*/
|
|
39
45
|
helpText?: SynInput["helpText"];
|
|
40
46
|
/**
|
|
41
|
-
|
|
42
|
-
|
|
47
|
+
* Adds a clear button when the input is not empty.
|
|
48
|
+
*/
|
|
43
49
|
clearable?: SynInput["clearable"];
|
|
44
50
|
/**
|
|
45
|
-
|
|
46
|
-
|
|
51
|
+
* Disables the input.
|
|
52
|
+
*/
|
|
47
53
|
disabled?: SynInput["disabled"];
|
|
48
54
|
/**
|
|
49
|
-
|
|
50
|
-
|
|
55
|
+
* Placeholder text to show as a hint when the input is empty.
|
|
56
|
+
*/
|
|
51
57
|
placeholder?: SynInput["placeholder"];
|
|
52
58
|
/**
|
|
53
|
-
|
|
54
|
-
|
|
59
|
+
* Makes the input readonly.
|
|
60
|
+
*/
|
|
55
61
|
readonly?: SynInput["readonly"];
|
|
56
62
|
/**
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
63
|
+
* Adds a button to toggle the password's visibility.
|
|
64
|
+
* Only applies to password types.
|
|
65
|
+
*/
|
|
60
66
|
passwordToggle?: SynInput["passwordToggle"];
|
|
61
67
|
/**
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
68
|
+
* Determines whether or not the password is currently visible.
|
|
69
|
+
* Only applies to password input types.
|
|
70
|
+
*/
|
|
65
71
|
passwordVisible?: SynInput["passwordVisible"];
|
|
66
72
|
/**
|
|
67
|
-
|
|
68
|
-
|
|
73
|
+
* Hides the increment/decrement spin buttons for number inputs.
|
|
74
|
+
*/
|
|
69
75
|
noSpinButtons?: SynInput["noSpinButtons"];
|
|
70
76
|
/**
|
|
71
77
|
* By default, form controls are associated with the nearest containing `<form>` element.
|
|
@@ -76,30 +82,30 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
76
82
|
*/
|
|
77
83
|
form?: SynInput["form"];
|
|
78
84
|
/**
|
|
79
|
-
|
|
80
|
-
|
|
85
|
+
* Makes the input a required field.
|
|
86
|
+
*/
|
|
81
87
|
required?: SynInput["required"];
|
|
82
88
|
/**
|
|
83
|
-
|
|
84
|
-
|
|
89
|
+
* A regular expression pattern to validate input against.
|
|
90
|
+
*/
|
|
85
91
|
pattern?: SynInput["pattern"];
|
|
86
92
|
/**
|
|
87
|
-
|
|
88
|
-
|
|
93
|
+
* The minimum length of input that will be considered valid.
|
|
94
|
+
*/
|
|
89
95
|
minlength?: SynInput["minlength"];
|
|
90
96
|
/**
|
|
91
|
-
|
|
92
|
-
|
|
97
|
+
* The maximum length of input that will be considered valid.
|
|
98
|
+
*/
|
|
93
99
|
maxlength?: SynInput["maxlength"];
|
|
94
100
|
/**
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
101
|
+
* The input's minimum value.
|
|
102
|
+
* Only applies to date and number input types.
|
|
103
|
+
*/
|
|
98
104
|
min?: SynInput["min"];
|
|
99
105
|
/**
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
106
|
+
* The input's maximum value.
|
|
107
|
+
* Only applies to date and number input types.
|
|
108
|
+
*/
|
|
103
109
|
max?: SynInput["max"];
|
|
104
110
|
/**
|
|
105
111
|
* Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is
|
|
@@ -108,12 +114,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
108
114
|
*/
|
|
109
115
|
step?: SynInput["step"];
|
|
110
116
|
/**
|
|
111
|
-
|
|
112
|
-
|
|
117
|
+
* Controls whether and how text input is automatically capitalized as it is entered by the user.
|
|
118
|
+
*/
|
|
113
119
|
autocapitalize?: SynInput["autocapitalize"];
|
|
114
120
|
/**
|
|
115
|
-
|
|
116
|
-
|
|
121
|
+
* Indicates whether the browser's autocorrect feature is on or off.
|
|
122
|
+
*/
|
|
117
123
|
autocorrect?: SynInput["autocorrect"];
|
|
118
124
|
/**
|
|
119
125
|
* Specifies what permission the browser has to provide assistance in filling out form field values.
|
|
@@ -122,16 +128,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
122
128
|
*/
|
|
123
129
|
autocomplete?: SynInput["autocomplete"];
|
|
124
130
|
/**
|
|
125
|
-
|
|
126
|
-
|
|
131
|
+
* Indicates that the input should receive focus on page load.
|
|
132
|
+
*/
|
|
127
133
|
autofocus?: SynInput["autofocus"];
|
|
128
134
|
/**
|
|
129
|
-
|
|
130
|
-
|
|
135
|
+
* Used to customize the label or icon of the Enter key on virtual keyboards.
|
|
136
|
+
*/
|
|
131
137
|
enterkeyhint?: SynInput["enterkeyhint"];
|
|
132
138
|
/**
|
|
133
|
-
|
|
134
|
-
|
|
139
|
+
* Enables spell checking on the input.
|
|
140
|
+
*/
|
|
135
141
|
spellcheck?: SynInput["spellcheck"];
|
|
136
142
|
/**
|
|
137
143
|
* Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual
|
|
@@ -139,8 +145,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
139
145
|
*/
|
|
140
146
|
inputmode?: SynInput["inputmode"];
|
|
141
147
|
/**
|
|
142
|
-
|
|
143
|
-
|
|
148
|
+
* Support for two way data binding
|
|
149
|
+
*/
|
|
144
150
|
modelValue?: SynInput["value"];
|
|
145
151
|
}>, {
|
|
146
152
|
nativeElement: import("vue").Ref<SynInput | undefined>;
|
|
@@ -162,56 +168,56 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
162
168
|
*/
|
|
163
169
|
type?: SynInput["type"];
|
|
164
170
|
/**
|
|
165
|
-
|
|
166
|
-
|
|
171
|
+
* The name of the input, submitted as a name/value pair with form data.
|
|
172
|
+
*/
|
|
167
173
|
name?: SynInput["name"];
|
|
168
174
|
/**
|
|
169
|
-
|
|
170
|
-
|
|
175
|
+
* The current value of the input, submitted as a name/value pair with form data.
|
|
176
|
+
*/
|
|
171
177
|
value?: SynInput["value"];
|
|
172
178
|
/**
|
|
173
|
-
|
|
174
|
-
|
|
179
|
+
* The input's size.
|
|
180
|
+
*/
|
|
175
181
|
size?: SynInput["size"];
|
|
176
182
|
/**
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
183
|
+
* The input's label.
|
|
184
|
+
* If you need to display HTML, use the `label` slot instead.
|
|
185
|
+
*/
|
|
180
186
|
label?: SynInput["label"];
|
|
181
187
|
/**
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
188
|
+
* The input's help text.
|
|
189
|
+
* If you need to display HTML, use the `help-text` slot instead.
|
|
190
|
+
*/
|
|
185
191
|
helpText?: SynInput["helpText"];
|
|
186
192
|
/**
|
|
187
|
-
|
|
188
|
-
|
|
193
|
+
* Adds a clear button when the input is not empty.
|
|
194
|
+
*/
|
|
189
195
|
clearable?: SynInput["clearable"];
|
|
190
196
|
/**
|
|
191
|
-
|
|
192
|
-
|
|
197
|
+
* Disables the input.
|
|
198
|
+
*/
|
|
193
199
|
disabled?: SynInput["disabled"];
|
|
194
200
|
/**
|
|
195
|
-
|
|
196
|
-
|
|
201
|
+
* Placeholder text to show as a hint when the input is empty.
|
|
202
|
+
*/
|
|
197
203
|
placeholder?: SynInput["placeholder"];
|
|
198
204
|
/**
|
|
199
|
-
|
|
200
|
-
|
|
205
|
+
* Makes the input readonly.
|
|
206
|
+
*/
|
|
201
207
|
readonly?: SynInput["readonly"];
|
|
202
208
|
/**
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
209
|
+
* Adds a button to toggle the password's visibility.
|
|
210
|
+
* Only applies to password types.
|
|
211
|
+
*/
|
|
206
212
|
passwordToggle?: SynInput["passwordToggle"];
|
|
207
213
|
/**
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
214
|
+
* Determines whether or not the password is currently visible.
|
|
215
|
+
* Only applies to password input types.
|
|
216
|
+
*/
|
|
211
217
|
passwordVisible?: SynInput["passwordVisible"];
|
|
212
218
|
/**
|
|
213
|
-
|
|
214
|
-
|
|
219
|
+
* Hides the increment/decrement spin buttons for number inputs.
|
|
220
|
+
*/
|
|
215
221
|
noSpinButtons?: SynInput["noSpinButtons"];
|
|
216
222
|
/**
|
|
217
223
|
* By default, form controls are associated with the nearest containing `<form>` element.
|
|
@@ -222,30 +228,30 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
222
228
|
*/
|
|
223
229
|
form?: SynInput["form"];
|
|
224
230
|
/**
|
|
225
|
-
|
|
226
|
-
|
|
231
|
+
* Makes the input a required field.
|
|
232
|
+
*/
|
|
227
233
|
required?: SynInput["required"];
|
|
228
234
|
/**
|
|
229
|
-
|
|
230
|
-
|
|
235
|
+
* A regular expression pattern to validate input against.
|
|
236
|
+
*/
|
|
231
237
|
pattern?: SynInput["pattern"];
|
|
232
238
|
/**
|
|
233
|
-
|
|
234
|
-
|
|
239
|
+
* The minimum length of input that will be considered valid.
|
|
240
|
+
*/
|
|
235
241
|
minlength?: SynInput["minlength"];
|
|
236
242
|
/**
|
|
237
|
-
|
|
238
|
-
|
|
243
|
+
* The maximum length of input that will be considered valid.
|
|
244
|
+
*/
|
|
239
245
|
maxlength?: SynInput["maxlength"];
|
|
240
246
|
/**
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
247
|
+
* The input's minimum value.
|
|
248
|
+
* Only applies to date and number input types.
|
|
249
|
+
*/
|
|
244
250
|
min?: SynInput["min"];
|
|
245
251
|
/**
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
252
|
+
* The input's maximum value.
|
|
253
|
+
* Only applies to date and number input types.
|
|
254
|
+
*/
|
|
249
255
|
max?: SynInput["max"];
|
|
250
256
|
/**
|
|
251
257
|
* Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is
|
|
@@ -254,12 +260,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
254
260
|
*/
|
|
255
261
|
step?: SynInput["step"];
|
|
256
262
|
/**
|
|
257
|
-
|
|
258
|
-
|
|
263
|
+
* Controls whether and how text input is automatically capitalized as it is entered by the user.
|
|
264
|
+
*/
|
|
259
265
|
autocapitalize?: SynInput["autocapitalize"];
|
|
260
266
|
/**
|
|
261
|
-
|
|
262
|
-
|
|
267
|
+
* Indicates whether the browser's autocorrect feature is on or off.
|
|
268
|
+
*/
|
|
263
269
|
autocorrect?: SynInput["autocorrect"];
|
|
264
270
|
/**
|
|
265
271
|
* Specifies what permission the browser has to provide assistance in filling out form field values.
|
|
@@ -268,16 +274,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
268
274
|
*/
|
|
269
275
|
autocomplete?: SynInput["autocomplete"];
|
|
270
276
|
/**
|
|
271
|
-
|
|
272
|
-
|
|
277
|
+
* Indicates that the input should receive focus on page load.
|
|
278
|
+
*/
|
|
273
279
|
autofocus?: SynInput["autofocus"];
|
|
274
280
|
/**
|
|
275
|
-
|
|
276
|
-
|
|
281
|
+
* Used to customize the label or icon of the Enter key on virtual keyboards.
|
|
282
|
+
*/
|
|
277
283
|
enterkeyhint?: SynInput["enterkeyhint"];
|
|
278
284
|
/**
|
|
279
|
-
|
|
280
|
-
|
|
285
|
+
* Enables spell checking on the input.
|
|
286
|
+
*/
|
|
281
287
|
spellcheck?: SynInput["spellcheck"];
|
|
282
288
|
/**
|
|
283
289
|
* Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual
|
|
@@ -285,8 +291,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
285
291
|
*/
|
|
286
292
|
inputmode?: SynInput["inputmode"];
|
|
287
293
|
/**
|
|
288
|
-
|
|
289
|
-
|
|
294
|
+
* Support for two way data binding
|
|
295
|
+
*/
|
|
290
296
|
modelValue?: SynInput["value"];
|
|
291
297
|
}>>> & {
|
|
292
298
|
"onSyn-blur"?: ((e: SynBlurEvent) => any) | undefined;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import '@synergy-design-system/components/components/menu/menu.js';
|
|
2
|
-
import type {
|
|
2
|
+
import type { SynSelectEvent } from '@synergy-design-system/components';
|
|
3
|
+
import type { SynMenu } from '@synergy-design-system/components';
|
|
3
4
|
export type { SynSelectEvent } from '@synergy-design-system/components';
|
|
4
5
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {
|
|
5
6
|
nativeElement: import("vue").Ref<SynMenu | undefined>;
|
|
@@ -5,51 +5,51 @@ declare function __VLS_template(): {
|
|
|
5
5
|
};
|
|
6
6
|
declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
|
|
7
7
|
/**
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
* The type of menu item to render.
|
|
9
|
+
* To use `checked`, this value must be set to `checkbox`.
|
|
10
|
+
*/
|
|
11
11
|
type?: SynMenuItem["type"];
|
|
12
12
|
/**
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
* Draws the item in a checked state.
|
|
14
|
+
*/
|
|
15
15
|
checked?: SynMenuItem["checked"];
|
|
16
16
|
/**
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
17
|
+
* A unique value to store in the menu item.
|
|
18
|
+
* This can be used as a way to identify menu items when selected.
|
|
19
|
+
*/
|
|
20
20
|
value?: SynMenuItem["value"];
|
|
21
21
|
/**
|
|
22
|
-
|
|
23
|
-
|
|
22
|
+
* Draws the menu item in a loading state.
|
|
23
|
+
*/
|
|
24
24
|
loading?: SynMenuItem["loading"];
|
|
25
25
|
/**
|
|
26
|
-
|
|
27
|
-
|
|
26
|
+
* Draws the menu item in a disabled state, preventing selection.
|
|
27
|
+
*/
|
|
28
28
|
disabled?: SynMenuItem["disabled"];
|
|
29
29
|
}>, {
|
|
30
30
|
nativeElement: import("vue").Ref<SynMenuItem | undefined>;
|
|
31
31
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
|
|
32
32
|
/**
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
33
|
+
* The type of menu item to render.
|
|
34
|
+
* To use `checked`, this value must be set to `checkbox`.
|
|
35
|
+
*/
|
|
36
36
|
type?: SynMenuItem["type"];
|
|
37
37
|
/**
|
|
38
|
-
|
|
39
|
-
|
|
38
|
+
* Draws the item in a checked state.
|
|
39
|
+
*/
|
|
40
40
|
checked?: SynMenuItem["checked"];
|
|
41
41
|
/**
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
42
|
+
* A unique value to store in the menu item.
|
|
43
|
+
* This can be used as a way to identify menu items when selected.
|
|
44
|
+
*/
|
|
45
45
|
value?: SynMenuItem["value"];
|
|
46
46
|
/**
|
|
47
|
-
|
|
48
|
-
|
|
47
|
+
* Draws the menu item in a loading state.
|
|
48
|
+
*/
|
|
49
49
|
loading?: SynMenuItem["loading"];
|
|
50
50
|
/**
|
|
51
|
-
|
|
52
|
-
|
|
51
|
+
* Draws the menu item in a disabled state, preventing selection.
|
|
52
|
+
*/
|
|
53
53
|
disabled?: SynMenuItem["disabled"];
|
|
54
54
|
}>>>, {}, {}>;
|
|
55
55
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
import '@synergy-design-system/components/components/nav-item/nav-item.js';
|
|
2
|
-
import type {
|
|
2
|
+
import type { SynShowEvent } from '@synergy-design-system/components';
|
|
3
|
+
import type { SynHideEvent } from '@synergy-design-system/components';
|
|
4
|
+
import type { SynBlurEvent } from '@synergy-design-system/components';
|
|
5
|
+
import type { SynFocusEvent } from '@synergy-design-system/components';
|
|
6
|
+
import type { SynNavItem } from '@synergy-design-system/components';
|
|
3
7
|
export type { SynShowEvent } from '@synergy-design-system/components';
|
|
4
8
|
export type { SynHideEvent } from '@synergy-design-system/components';
|
|
5
9
|
export type { SynBlurEvent } from '@synergy-design-system/components';
|
|
@@ -15,12 +19,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
15
19
|
href?: SynNavItem["href"];
|
|
16
20
|
current?: SynNavItem["current"];
|
|
17
21
|
/**
|
|
18
|
-
|
|
19
|
-
|
|
22
|
+
* Disables the navigation item.
|
|
23
|
+
*/
|
|
20
24
|
disabled?: SynNavItem["disabled"];
|
|
21
25
|
/**
|
|
22
|
-
|
|
23
|
-
|
|
26
|
+
* The navigation item's orientation.
|
|
27
|
+
*/
|
|
24
28
|
horizontal?: SynNavItem["horizontal"];
|
|
25
29
|
/**
|
|
26
30
|
* Appends a chevron to the right side of a navigation item.
|
|
@@ -55,12 +59,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
55
59
|
href?: SynNavItem["href"];
|
|
56
60
|
current?: SynNavItem["current"];
|
|
57
61
|
/**
|
|
58
|
-
|
|
59
|
-
|
|
62
|
+
* Disables the navigation item.
|
|
63
|
+
*/
|
|
60
64
|
disabled?: SynNavItem["disabled"];
|
|
61
65
|
/**
|
|
62
|
-
|
|
63
|
-
|
|
66
|
+
* The navigation item's orientation.
|
|
67
|
+
*/
|
|
64
68
|
horizontal?: SynNavItem["horizontal"];
|
|
65
69
|
/**
|
|
66
70
|
* Appends a chevron to the right side of a navigation item.
|
|
@@ -5,25 +5,25 @@ declare function __VLS_template(): {
|
|
|
5
5
|
};
|
|
6
6
|
declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
|
|
7
7
|
/**
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
* Disables all options in the optgroup.
|
|
9
|
+
*/
|
|
10
10
|
disabled?: SynOptgroup["disabled"];
|
|
11
11
|
/**
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
12
|
+
* The optgroups label.
|
|
13
|
+
* If you need to display HTML, use the `label` slot instead.
|
|
14
|
+
*/
|
|
15
15
|
label?: SynOptgroup["label"];
|
|
16
16
|
}>, {
|
|
17
17
|
nativeElement: import("vue").Ref<SynOptgroup | undefined>;
|
|
18
18
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
|
|
19
19
|
/**
|
|
20
|
-
|
|
21
|
-
|
|
20
|
+
* Disables all options in the optgroup.
|
|
21
|
+
*/
|
|
22
22
|
disabled?: SynOptgroup["disabled"];
|
|
23
23
|
/**
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
24
|
+
* The optgroups label.
|
|
25
|
+
* If you need to display HTML, use the `label` slot instead.
|
|
26
|
+
*/
|
|
27
27
|
label?: SynOptgroup["label"];
|
|
28
28
|
}>>>, {}, {}>;
|
|
29
29
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
@@ -14,8 +14,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOp
|
|
|
14
14
|
*/
|
|
15
15
|
value?: SynOption["value"];
|
|
16
16
|
/**
|
|
17
|
-
|
|
18
|
-
|
|
17
|
+
* Draws the option in a disabled state, preventing selection.
|
|
18
|
+
*/
|
|
19
19
|
disabled?: SynOption["disabled"];
|
|
20
20
|
}>, {
|
|
21
21
|
nativeElement: import("vue").Ref<SynOption | undefined>;
|
|
@@ -30,8 +30,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOp
|
|
|
30
30
|
*/
|
|
31
31
|
value?: SynOption["value"];
|
|
32
32
|
/**
|
|
33
|
-
|
|
34
|
-
|
|
33
|
+
* Draws the option in a disabled state, preventing selection.
|
|
34
|
+
*/
|
|
35
35
|
disabled?: SynOption["disabled"];
|
|
36
36
|
}>>>, {}, {}>;
|
|
37
37
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|