@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,6 @@
|
|
|
1
1
|
import '@synergy-design-system/components/components/popup/popup.js';
|
|
2
|
-
import type {
|
|
2
|
+
import type { SynRepositionEvent } from '@synergy-design-system/components';
|
|
3
|
+
import type { SynPopup } from '@synergy-design-system/components';
|
|
3
4
|
export type { SynRepositionEvent } from '@synergy-design-system/components';
|
|
4
5
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
|
|
5
6
|
/**
|
|
@@ -29,12 +30,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
29
30
|
*/
|
|
30
31
|
strategy?: SynPopup["strategy"];
|
|
31
32
|
/**
|
|
32
|
-
|
|
33
|
-
|
|
33
|
+
* The distance in pixels from which to offset the panel away from its anchor.
|
|
34
|
+
*/
|
|
34
35
|
distance?: SynPopup["distance"];
|
|
35
36
|
/**
|
|
36
|
-
|
|
37
|
-
|
|
37
|
+
* The distance in pixels from which to offset the panel along its anchor.
|
|
38
|
+
*/
|
|
38
39
|
skidding?: SynPopup["skidding"];
|
|
39
40
|
/**
|
|
40
41
|
* Attaches an arrow to the popup.
|
|
@@ -88,12 +89,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
88
89
|
*/
|
|
89
90
|
flipBoundary?: SynPopup["flipBoundary"];
|
|
90
91
|
/**
|
|
91
|
-
|
|
92
|
-
|
|
92
|
+
* The amount of padding, in pixels, to exceed before the flip behavior will occur.
|
|
93
|
+
*/
|
|
93
94
|
flipPadding?: SynPopup["flipPadding"];
|
|
94
95
|
/**
|
|
95
|
-
|
|
96
|
-
|
|
96
|
+
* Moves the popup along the axis to keep it in view when clipped.
|
|
97
|
+
*/
|
|
97
98
|
shift?: SynPopup["shift"];
|
|
98
99
|
/**
|
|
99
100
|
* The shift boundary describes clipping element(s) that overflow will be checked relative to when shifting.
|
|
@@ -104,16 +105,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
104
105
|
*/
|
|
105
106
|
shiftBoundary?: SynPopup["shiftBoundary"];
|
|
106
107
|
/**
|
|
107
|
-
|
|
108
|
-
|
|
108
|
+
* The amount of padding, in pixels, to exceed before the shift behavior will occur.
|
|
109
|
+
*/
|
|
109
110
|
shiftPadding?: SynPopup["shiftPadding"];
|
|
110
111
|
/**
|
|
111
|
-
|
|
112
|
-
|
|
112
|
+
* When set, this will cause the popup to automatically resize itself to prevent it from overflowing.
|
|
113
|
+
*/
|
|
113
114
|
autoSize?: SynPopup["autoSize"];
|
|
114
115
|
/**
|
|
115
|
-
|
|
116
|
-
|
|
116
|
+
* Syncs the popup's width or height to that of the anchor element.
|
|
117
|
+
*/
|
|
117
118
|
sync?: SynPopup["sync"];
|
|
118
119
|
/**
|
|
119
120
|
* The auto-size boundary describes clipping element(s) that overflow will be checked relative to when resizing.
|
|
@@ -124,8 +125,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
124
125
|
*/
|
|
125
126
|
autoSizeBoundary?: SynPopup["autoSizeBoundary"];
|
|
126
127
|
/**
|
|
127
|
-
|
|
128
|
-
|
|
128
|
+
* The amount of padding, in pixels, to exceed before the auto-size behavior will occur.
|
|
129
|
+
*/
|
|
129
130
|
autoSizePadding?: SynPopup["autoSizePadding"];
|
|
130
131
|
/**
|
|
131
132
|
* When a gap exists between the anchor and the popup element, this option will add a "hover bridge" that fills the
|
|
@@ -168,12 +169,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
168
169
|
*/
|
|
169
170
|
strategy?: SynPopup["strategy"];
|
|
170
171
|
/**
|
|
171
|
-
|
|
172
|
-
|
|
172
|
+
* The distance in pixels from which to offset the panel away from its anchor.
|
|
173
|
+
*/
|
|
173
174
|
distance?: SynPopup["distance"];
|
|
174
175
|
/**
|
|
175
|
-
|
|
176
|
-
|
|
176
|
+
* The distance in pixels from which to offset the panel along its anchor.
|
|
177
|
+
*/
|
|
177
178
|
skidding?: SynPopup["skidding"];
|
|
178
179
|
/**
|
|
179
180
|
* Attaches an arrow to the popup.
|
|
@@ -227,12 +228,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
227
228
|
*/
|
|
228
229
|
flipBoundary?: SynPopup["flipBoundary"];
|
|
229
230
|
/**
|
|
230
|
-
|
|
231
|
-
|
|
231
|
+
* The amount of padding, in pixels, to exceed before the flip behavior will occur.
|
|
232
|
+
*/
|
|
232
233
|
flipPadding?: SynPopup["flipPadding"];
|
|
233
234
|
/**
|
|
234
|
-
|
|
235
|
-
|
|
235
|
+
* Moves the popup along the axis to keep it in view when clipped.
|
|
236
|
+
*/
|
|
236
237
|
shift?: SynPopup["shift"];
|
|
237
238
|
/**
|
|
238
239
|
* The shift boundary describes clipping element(s) that overflow will be checked relative to when shifting.
|
|
@@ -243,16 +244,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
243
244
|
*/
|
|
244
245
|
shiftBoundary?: SynPopup["shiftBoundary"];
|
|
245
246
|
/**
|
|
246
|
-
|
|
247
|
-
|
|
247
|
+
* The amount of padding, in pixels, to exceed before the shift behavior will occur.
|
|
248
|
+
*/
|
|
248
249
|
shiftPadding?: SynPopup["shiftPadding"];
|
|
249
250
|
/**
|
|
250
|
-
|
|
251
|
-
|
|
251
|
+
* When set, this will cause the popup to automatically resize itself to prevent it from overflowing.
|
|
252
|
+
*/
|
|
252
253
|
autoSize?: SynPopup["autoSize"];
|
|
253
254
|
/**
|
|
254
|
-
|
|
255
|
-
|
|
255
|
+
* Syncs the popup's width or height to that of the anchor element.
|
|
256
|
+
*/
|
|
256
257
|
sync?: SynPopup["sync"];
|
|
257
258
|
/**
|
|
258
259
|
* The auto-size boundary describes clipping element(s) that overflow will be checked relative to when resizing.
|
|
@@ -263,8 +264,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
263
264
|
*/
|
|
264
265
|
autoSizeBoundary?: SynPopup["autoSizeBoundary"];
|
|
265
266
|
/**
|
|
266
|
-
|
|
267
|
-
|
|
267
|
+
* The amount of padding, in pixels, to exceed before the auto-size behavior will occur.
|
|
268
|
+
*/
|
|
268
269
|
autoSizePadding?: SynPopup["autoSizePadding"];
|
|
269
270
|
/**
|
|
270
271
|
* When a gap exists between the anchor and the popup element, this option will add a "hover bridge" that fills the
|
|
@@ -5,31 +5,31 @@ declare function __VLS_template(): {
|
|
|
5
5
|
};
|
|
6
6
|
declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
|
|
7
7
|
/**
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
* The current progress as a percentage, 0 to 100.
|
|
9
|
+
*/
|
|
10
10
|
value?: SynProgressBar["value"];
|
|
11
11
|
/**
|
|
12
|
-
|
|
13
|
-
|
|
12
|
+
* When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.
|
|
13
|
+
*/
|
|
14
14
|
indeterminate?: SynProgressBar["indeterminate"];
|
|
15
15
|
/**
|
|
16
|
-
|
|
17
|
-
|
|
16
|
+
* A custom label for assistive devices.
|
|
17
|
+
*/
|
|
18
18
|
label?: SynProgressBar["label"];
|
|
19
19
|
}>, {
|
|
20
20
|
nativeElement: import("vue").Ref<SynProgressBar | undefined>;
|
|
21
21
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
|
|
22
22
|
/**
|
|
23
|
-
|
|
24
|
-
|
|
23
|
+
* The current progress as a percentage, 0 to 100.
|
|
24
|
+
*/
|
|
25
25
|
value?: SynProgressBar["value"];
|
|
26
26
|
/**
|
|
27
|
-
|
|
28
|
-
|
|
27
|
+
* When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.
|
|
28
|
+
*/
|
|
29
29
|
indeterminate?: SynProgressBar["indeterminate"];
|
|
30
30
|
/**
|
|
31
|
-
|
|
32
|
-
|
|
31
|
+
* A custom label for assistive devices.
|
|
32
|
+
*/
|
|
33
33
|
label?: SynProgressBar["label"];
|
|
34
34
|
}>>>, {}, {}>;
|
|
35
35
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
@@ -5,23 +5,23 @@ declare function __VLS_template(): {
|
|
|
5
5
|
};
|
|
6
6
|
declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
|
|
7
7
|
/**
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
* The current progress as a percentage, 0 to 100.
|
|
9
|
+
*/
|
|
10
10
|
value?: SynProgressRing["value"];
|
|
11
11
|
/**
|
|
12
|
-
|
|
13
|
-
|
|
12
|
+
* A custom label for assistive devices.
|
|
13
|
+
*/
|
|
14
14
|
label?: SynProgressRing["label"];
|
|
15
15
|
}>, {
|
|
16
16
|
nativeElement: import("vue").Ref<SynProgressRing | undefined>;
|
|
17
17
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
|
|
18
18
|
/**
|
|
19
|
-
|
|
20
|
-
|
|
19
|
+
* The current progress as a percentage, 0 to 100.
|
|
20
|
+
*/
|
|
21
21
|
value?: SynProgressRing["value"];
|
|
22
22
|
/**
|
|
23
|
-
|
|
24
|
-
|
|
23
|
+
* A custom label for assistive devices.
|
|
24
|
+
*/
|
|
25
25
|
label?: SynProgressRing["label"];
|
|
26
26
|
}>>>, {}, {}>;
|
|
27
27
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import '@synergy-design-system/components/components/radio/radio.js';
|
|
2
|
-
import type { SynBlurEvent
|
|
2
|
+
import type { SynBlurEvent } from '@synergy-design-system/components';
|
|
3
|
+
import type { SynFocusEvent } from '@synergy-design-system/components';
|
|
4
|
+
import type { SynRadio } from '@synergy-design-system/components';
|
|
3
5
|
export type { SynBlurEvent } from '@synergy-design-system/components';
|
|
4
6
|
export type { SynFocusEvent } from '@synergy-design-system/components';
|
|
5
7
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
|
|
6
8
|
/**
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
9
|
+
* The radio's value.
|
|
10
|
+
* When selected, the radio group will receive this value.
|
|
11
|
+
*/
|
|
10
12
|
value?: SynRadio["value"];
|
|
11
13
|
/**
|
|
12
14
|
* The radio's size.
|
|
@@ -15,8 +17,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
15
17
|
*/
|
|
16
18
|
size?: SynRadio["size"];
|
|
17
19
|
/**
|
|
18
|
-
|
|
19
|
-
|
|
20
|
+
* Disables the radio.
|
|
21
|
+
*/
|
|
20
22
|
disabled?: SynRadio["disabled"];
|
|
21
23
|
}>, {
|
|
22
24
|
nativeElement: import("vue").Ref<SynRadio | undefined>;
|
|
@@ -25,9 +27,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
25
27
|
"syn-focus": (e: SynFocusEvent) => void;
|
|
26
28
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
|
|
27
29
|
/**
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
30
|
+
* The radio's value.
|
|
31
|
+
* When selected, the radio group will receive this value.
|
|
32
|
+
*/
|
|
31
33
|
value?: SynRadio["value"];
|
|
32
34
|
/**
|
|
33
35
|
* The radio's size.
|
|
@@ -36,8 +38,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
36
38
|
*/
|
|
37
39
|
size?: SynRadio["size"];
|
|
38
40
|
/**
|
|
39
|
-
|
|
40
|
-
|
|
41
|
+
* Disables the radio.
|
|
42
|
+
*/
|
|
41
43
|
disabled?: SynRadio["disabled"];
|
|
42
44
|
}>>> & {
|
|
43
45
|
"onSyn-blur"?: ((e: SynBlurEvent) => any) | undefined;
|
|
@@ -1,16 +1,18 @@
|
|
|
1
1
|
import '@synergy-design-system/components/components/radio-button/radio-button.js';
|
|
2
|
-
import type { SynBlurEvent
|
|
2
|
+
import type { SynBlurEvent } from '@synergy-design-system/components';
|
|
3
|
+
import type { SynFocusEvent } from '@synergy-design-system/components';
|
|
4
|
+
import type { SynRadioButton } from '@synergy-design-system/components';
|
|
3
5
|
export type { SynBlurEvent } from '@synergy-design-system/components';
|
|
4
6
|
export type { SynFocusEvent } from '@synergy-design-system/components';
|
|
5
7
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
|
|
6
8
|
/**
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
9
|
+
* The radio's value.
|
|
10
|
+
* When selected, the radio group will receive this value.
|
|
11
|
+
*/
|
|
10
12
|
value?: SynRadioButton["value"];
|
|
11
13
|
/**
|
|
12
|
-
|
|
13
|
-
|
|
14
|
+
* Disables the radio button.
|
|
15
|
+
*/
|
|
14
16
|
disabled?: SynRadioButton["disabled"];
|
|
15
17
|
/**
|
|
16
18
|
* The radio button's size.
|
|
@@ -19,8 +21,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
19
21
|
*/
|
|
20
22
|
size?: SynRadioButton["size"];
|
|
21
23
|
/**
|
|
22
|
-
|
|
23
|
-
|
|
24
|
+
* Draws a pill-style radio button with rounded edges.
|
|
25
|
+
*/
|
|
24
26
|
pill?: SynRadioButton["pill"];
|
|
25
27
|
}>, {
|
|
26
28
|
nativeElement: import("vue").Ref<SynRadioButton | undefined>;
|
|
@@ -29,13 +31,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
29
31
|
"syn-focus": (e: SynFocusEvent) => void;
|
|
30
32
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
|
|
31
33
|
/**
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
34
|
+
* The radio's value.
|
|
35
|
+
* When selected, the radio group will receive this value.
|
|
36
|
+
*/
|
|
35
37
|
value?: SynRadioButton["value"];
|
|
36
38
|
/**
|
|
37
|
-
|
|
38
|
-
|
|
39
|
+
* Disables the radio button.
|
|
40
|
+
*/
|
|
39
41
|
disabled?: SynRadioButton["disabled"];
|
|
40
42
|
/**
|
|
41
43
|
* The radio button's size.
|
|
@@ -44,8 +46,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
44
46
|
*/
|
|
45
47
|
size?: SynRadioButton["size"];
|
|
46
48
|
/**
|
|
47
|
-
|
|
48
|
-
|
|
49
|
+
* Draws a pill-style radio button with rounded edges.
|
|
50
|
+
*/
|
|
49
51
|
pill?: SynRadioButton["pill"];
|
|
50
52
|
}>>> & {
|
|
51
53
|
"onSyn-blur"?: ((e: SynBlurEvent) => any) | undefined;
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import '@synergy-design-system/components/components/radio-group/radio-group.js';
|
|
2
|
-
import type { SynChangeEvent
|
|
2
|
+
import type { SynChangeEvent } from '@synergy-design-system/components';
|
|
3
|
+
import type { SynInputEvent } from '@synergy-design-system/components';
|
|
4
|
+
import type { SynInvalidEvent } from '@synergy-design-system/components';
|
|
5
|
+
import type { SynRadioGroup } from '@synergy-design-system/components';
|
|
3
6
|
export type { SynChangeEvent } from '@synergy-design-system/components';
|
|
4
7
|
export type { SynInputEvent } from '@synergy-design-system/components';
|
|
5
8
|
export type { SynInvalidEvent } from '@synergy-design-system/components';
|
|
@@ -12,22 +15,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
12
15
|
*/
|
|
13
16
|
label?: SynRadioGroup["label"];
|
|
14
17
|
/**
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
+
* The radio groups's help text.
|
|
19
|
+
* If you need to display HTML, use the `help-text` slot instead.
|
|
20
|
+
*/
|
|
18
21
|
helpText?: SynRadioGroup["helpText"];
|
|
19
22
|
/**
|
|
20
|
-
|
|
21
|
-
|
|
23
|
+
* The name of the radio group, submitted as a name/value pair with form data.
|
|
24
|
+
*/
|
|
22
25
|
name?: SynRadioGroup["name"];
|
|
23
26
|
/**
|
|
24
|
-
|
|
25
|
-
|
|
27
|
+
* The current value of the radio group, submitted as a name/value pair with form data.
|
|
28
|
+
*/
|
|
26
29
|
value?: SynRadioGroup["value"];
|
|
27
30
|
/**
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
+
* The radio group's size.
|
|
32
|
+
* This size will be applied to all child radios and radio buttons.
|
|
33
|
+
*/
|
|
31
34
|
size?: SynRadioGroup["size"];
|
|
32
35
|
/**
|
|
33
36
|
* By default, form controls are associated with the nearest containing `<form>` element.
|
|
@@ -38,12 +41,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
38
41
|
*/
|
|
39
42
|
form?: SynRadioGroup["form"];
|
|
40
43
|
/**
|
|
41
|
-
|
|
42
|
-
|
|
44
|
+
* Ensures a child radio is checked before allowing the containing form to submit.
|
|
45
|
+
*/
|
|
43
46
|
required?: SynRadioGroup["required"];
|
|
44
47
|
/**
|
|
45
|
-
|
|
46
|
-
|
|
48
|
+
* Support for two way data binding
|
|
49
|
+
*/
|
|
47
50
|
modelValue?: SynRadioGroup["value"];
|
|
48
51
|
}>, {
|
|
49
52
|
nativeElement: import("vue").Ref<SynRadioGroup | undefined>;
|
|
@@ -61,22 +64,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
61
64
|
*/
|
|
62
65
|
label?: SynRadioGroup["label"];
|
|
63
66
|
/**
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
+
* The radio groups's help text.
|
|
68
|
+
* If you need to display HTML, use the `help-text` slot instead.
|
|
69
|
+
*/
|
|
67
70
|
helpText?: SynRadioGroup["helpText"];
|
|
68
71
|
/**
|
|
69
|
-
|
|
70
|
-
|
|
72
|
+
* The name of the radio group, submitted as a name/value pair with form data.
|
|
73
|
+
*/
|
|
71
74
|
name?: SynRadioGroup["name"];
|
|
72
75
|
/**
|
|
73
|
-
|
|
74
|
-
|
|
76
|
+
* The current value of the radio group, submitted as a name/value pair with form data.
|
|
77
|
+
*/
|
|
75
78
|
value?: SynRadioGroup["value"];
|
|
76
79
|
/**
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
+
* The radio group's size.
|
|
81
|
+
* This size will be applied to all child radios and radio buttons.
|
|
82
|
+
*/
|
|
80
83
|
size?: SynRadioGroup["size"];
|
|
81
84
|
/**
|
|
82
85
|
* By default, form controls are associated with the nearest containing `<form>` element.
|
|
@@ -87,12 +90,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
87
90
|
*/
|
|
88
91
|
form?: SynRadioGroup["form"];
|
|
89
92
|
/**
|
|
90
|
-
|
|
91
|
-
|
|
93
|
+
* Ensures a child radio is checked before allowing the containing form to submit.
|
|
94
|
+
*/
|
|
92
95
|
required?: SynRadioGroup["required"];
|
|
93
96
|
/**
|
|
94
|
-
|
|
95
|
-
|
|
97
|
+
* Support for two way data binding
|
|
98
|
+
*/
|
|
96
99
|
modelValue?: SynRadioGroup["value"];
|
|
97
100
|
}>>> & {
|
|
98
101
|
"onSyn-invalid"?: ((e: SynInvalidEvent) => any) | undefined;
|
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
import '@synergy-design-system/components/components/range/range.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 { SynFocusEvent } from '@synergy-design-system/components';
|
|
5
|
+
import type { SynInputEvent } from '@synergy-design-system/components';
|
|
6
|
+
import type { SynInvalidEvent } from '@synergy-design-system/components';
|
|
7
|
+
import type { SynMoveEvent } from '@synergy-design-system/components';
|
|
8
|
+
import type { SynRange } 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 { SynFocusEvent } from '@synergy-design-system/components';
|
|
@@ -8,47 +14,47 @@ export type { SynInvalidEvent } from '@synergy-design-system/components';
|
|
|
8
14
|
export type { SynMoveEvent } from '@synergy-design-system/components';
|
|
9
15
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
|
|
10
16
|
/**
|
|
11
|
-
|
|
12
|
-
|
|
17
|
+
* The name of the range, submitted as a name/value pair with form data.
|
|
18
|
+
*/
|
|
13
19
|
name?: SynRange["name"];
|
|
14
20
|
/**
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
21
|
+
* The range's label.
|
|
22
|
+
* If you need to display HTML, use the `label` slot instead.
|
|
23
|
+
*/
|
|
18
24
|
label?: SynRange["label"];
|
|
19
25
|
/**
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
26
|
+
* The range's help text.
|
|
27
|
+
* If you need to display HTML, use the help-text slot instead.
|
|
28
|
+
*/
|
|
23
29
|
helpText?: SynRange["helpText"];
|
|
24
30
|
/**
|
|
25
|
-
|
|
26
|
-
|
|
31
|
+
* Disables the range.
|
|
32
|
+
*/
|
|
27
33
|
disabled?: SynRange["disabled"];
|
|
28
34
|
/**
|
|
29
|
-
|
|
30
|
-
|
|
35
|
+
* The minimum acceptable value of the range.
|
|
36
|
+
*/
|
|
31
37
|
min?: SynRange["min"];
|
|
32
38
|
/**
|
|
33
|
-
|
|
34
|
-
|
|
39
|
+
* The maximum acceptable value of the range.
|
|
40
|
+
*/
|
|
35
41
|
max?: SynRange["max"];
|
|
36
42
|
/**
|
|
37
|
-
|
|
38
|
-
|
|
43
|
+
* The interval at which the range will increase and decrease.
|
|
44
|
+
*/
|
|
39
45
|
step?: SynRange["step"];
|
|
40
46
|
/**
|
|
41
|
-
|
|
42
|
-
|
|
47
|
+
* The range's size.
|
|
48
|
+
*/
|
|
43
49
|
size?: SynRange["size"];
|
|
44
50
|
/**
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
51
|
+
* The preferred placement of the range's tooltip.
|
|
52
|
+
* Use "none" to disable the tooltip
|
|
53
|
+
*/
|
|
48
54
|
tooltipPlacement?: SynRange["tooltipPlacement"];
|
|
49
55
|
/**
|
|
50
|
-
|
|
51
|
-
|
|
56
|
+
* The current values of the input (in ascending order) as a string of space separated values
|
|
57
|
+
*/
|
|
52
58
|
value?: SynRange["value"];
|
|
53
59
|
/**
|
|
54
60
|
* By default, form controls are associated with the nearest containing `<form>` element.
|
|
@@ -58,8 +64,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
58
64
|
*/
|
|
59
65
|
form?: SynRange["form"];
|
|
60
66
|
/**
|
|
61
|
-
|
|
62
|
-
|
|
67
|
+
* Support for two way data binding
|
|
68
|
+
*/
|
|
63
69
|
modelValue?: SynRange["value"];
|
|
64
70
|
}>, {
|
|
65
71
|
nativeElement: import("vue").Ref<SynRange | undefined>;
|
|
@@ -73,47 +79,47 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
73
79
|
"syn-move": (e: SynMoveEvent) => void;
|
|
74
80
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
|
|
75
81
|
/**
|
|
76
|
-
|
|
77
|
-
|
|
82
|
+
* The name of the range, submitted as a name/value pair with form data.
|
|
83
|
+
*/
|
|
78
84
|
name?: SynRange["name"];
|
|
79
85
|
/**
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
86
|
+
* The range's label.
|
|
87
|
+
* If you need to display HTML, use the `label` slot instead.
|
|
88
|
+
*/
|
|
83
89
|
label?: SynRange["label"];
|
|
84
90
|
/**
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
91
|
+
* The range's help text.
|
|
92
|
+
* If you need to display HTML, use the help-text slot instead.
|
|
93
|
+
*/
|
|
88
94
|
helpText?: SynRange["helpText"];
|
|
89
95
|
/**
|
|
90
|
-
|
|
91
|
-
|
|
96
|
+
* Disables the range.
|
|
97
|
+
*/
|
|
92
98
|
disabled?: SynRange["disabled"];
|
|
93
99
|
/**
|
|
94
|
-
|
|
95
|
-
|
|
100
|
+
* The minimum acceptable value of the range.
|
|
101
|
+
*/
|
|
96
102
|
min?: SynRange["min"];
|
|
97
103
|
/**
|
|
98
|
-
|
|
99
|
-
|
|
104
|
+
* The maximum acceptable value of the range.
|
|
105
|
+
*/
|
|
100
106
|
max?: SynRange["max"];
|
|
101
107
|
/**
|
|
102
|
-
|
|
103
|
-
|
|
108
|
+
* The interval at which the range will increase and decrease.
|
|
109
|
+
*/
|
|
104
110
|
step?: SynRange["step"];
|
|
105
111
|
/**
|
|
106
|
-
|
|
107
|
-
|
|
112
|
+
* The range's size.
|
|
113
|
+
*/
|
|
108
114
|
size?: SynRange["size"];
|
|
109
115
|
/**
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
116
|
+
* The preferred placement of the range's tooltip.
|
|
117
|
+
* Use "none" to disable the tooltip
|
|
118
|
+
*/
|
|
113
119
|
tooltipPlacement?: SynRange["tooltipPlacement"];
|
|
114
120
|
/**
|
|
115
|
-
|
|
116
|
-
|
|
121
|
+
* The current values of the input (in ascending order) as a string of space separated values
|
|
122
|
+
*/
|
|
117
123
|
value?: SynRange["value"];
|
|
118
124
|
/**
|
|
119
125
|
* By default, form controls are associated with the nearest containing `<form>` element.
|
|
@@ -123,8 +129,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
123
129
|
*/
|
|
124
130
|
form?: SynRange["form"];
|
|
125
131
|
/**
|
|
126
|
-
|
|
127
|
-
|
|
132
|
+
* Support for two way data binding
|
|
133
|
+
*/
|
|
128
134
|
modelValue?: SynRange["value"];
|
|
129
135
|
}>>> & {
|
|
130
136
|
"onSyn-blur"?: ((e: SynBlurEvent) => any) | undefined;
|
|
@@ -5,15 +5,15 @@ declare function __VLS_template(): {
|
|
|
5
5
|
};
|
|
6
6
|
declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
|
|
7
7
|
/**
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
* Whether the tick should be shown as a subdivision.
|
|
9
|
+
*/
|
|
10
10
|
subdivision?: SynRangeTick["subdivision"];
|
|
11
11
|
}>, {
|
|
12
12
|
nativeElement: import("vue").Ref<SynRangeTick | undefined>;
|
|
13
13
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
|
|
14
14
|
/**
|
|
15
|
-
|
|
16
|
-
|
|
15
|
+
* Whether the tick should be shown as a subdivision.
|
|
16
|
+
*/
|
|
17
17
|
subdivision?: SynRangeTick["subdivision"];
|
|
18
18
|
}>>>, {}, {}>;
|
|
19
19
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|