@synergy-design-system/vue 2.7.1 → 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/drawer/drawer.js';
|
|
2
|
-
import type {
|
|
2
|
+
import type { SynShowEvent } from '@synergy-design-system/components';
|
|
3
|
+
import type { SynAfterShowEvent } from '@synergy-design-system/components';
|
|
4
|
+
import type { SynHideEvent } from '@synergy-design-system/components';
|
|
5
|
+
import type { SynAfterHideEvent } from '@synergy-design-system/components';
|
|
6
|
+
import type { SynInitialFocusEvent } from '@synergy-design-system/components';
|
|
7
|
+
import type { SynRequestCloseEvent } from '@synergy-design-system/components';
|
|
8
|
+
import type { SynDrawer } from '@synergy-design-system/components';
|
|
3
9
|
export type { SynShowEvent } from '@synergy-design-system/components';
|
|
4
10
|
export type { SynAfterShowEvent } from '@synergy-design-system/components';
|
|
5
11
|
export type { SynHideEvent } from '@synergy-design-system/components';
|
|
@@ -21,8 +27,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
21
27
|
*/
|
|
22
28
|
label?: SynDrawer["label"];
|
|
23
29
|
/**
|
|
24
|
-
|
|
25
|
-
|
|
30
|
+
* The direction from which the drawer will open.
|
|
31
|
+
*/
|
|
26
32
|
placement?: SynDrawer["placement"];
|
|
27
33
|
/**
|
|
28
34
|
* By default, the drawer slides out of its containing block (usually the viewport).
|
|
@@ -60,8 +66,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
60
66
|
*/
|
|
61
67
|
label?: SynDrawer["label"];
|
|
62
68
|
/**
|
|
63
|
-
|
|
64
|
-
|
|
69
|
+
* The direction from which the drawer will open.
|
|
70
|
+
*/
|
|
65
71
|
placement?: SynDrawer["placement"];
|
|
66
72
|
/**
|
|
67
73
|
* By default, the drawer slides out of its containing block (usually the viewport).
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
import '@synergy-design-system/components/components/dropdown/dropdown.js';
|
|
2
|
-
import type {
|
|
2
|
+
import type { SynShowEvent } from '@synergy-design-system/components';
|
|
3
|
+
import type { SynAfterShowEvent } from '@synergy-design-system/components';
|
|
4
|
+
import type { SynHideEvent } from '@synergy-design-system/components';
|
|
5
|
+
import type { SynAfterHideEvent } from '@synergy-design-system/components';
|
|
6
|
+
import type { SynDropdown } from '@synergy-design-system/components';
|
|
3
7
|
export type { SynShowEvent } from '@synergy-design-system/components';
|
|
4
8
|
export type { SynAfterShowEvent } from '@synergy-design-system/components';
|
|
5
9
|
export type { SynHideEvent } from '@synergy-design-system/components';
|
|
@@ -18,8 +22,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
18
22
|
*/
|
|
19
23
|
placement?: SynDropdown["placement"];
|
|
20
24
|
/**
|
|
21
|
-
|
|
22
|
-
|
|
25
|
+
* Disables the dropdown so the panel will not open.
|
|
26
|
+
*/
|
|
23
27
|
disabled?: SynDropdown["disabled"];
|
|
24
28
|
/**
|
|
25
29
|
* By default, the dropdown is closed when an item is selected.
|
|
@@ -29,12 +33,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
29
33
|
*/
|
|
30
34
|
stayOpenOnSelect?: SynDropdown["stayOpenOnSelect"];
|
|
31
35
|
/**
|
|
32
|
-
|
|
33
|
-
|
|
36
|
+
* The distance in pixels from which to offset the panel away from its trigger.
|
|
37
|
+
*/
|
|
34
38
|
distance?: SynDropdown["distance"];
|
|
35
39
|
/**
|
|
36
|
-
|
|
37
|
-
|
|
40
|
+
* The distance in pixels from which to offset the panel along its trigger.
|
|
41
|
+
*/
|
|
38
42
|
skidding?: SynDropdown["skidding"];
|
|
39
43
|
/**
|
|
40
44
|
* Enable this option to prevent the panel from being clipped when the component is placed inside a container with
|
|
@@ -43,8 +47,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
43
47
|
*/
|
|
44
48
|
hoist?: SynDropdown["hoist"];
|
|
45
49
|
/**
|
|
46
|
-
|
|
47
|
-
|
|
50
|
+
* Syncs the popup width or height to that of the trigger element.
|
|
51
|
+
*/
|
|
48
52
|
sync?: SynDropdown["sync"];
|
|
49
53
|
}>, {
|
|
50
54
|
nativeElement: import("vue").Ref<SynDropdown | undefined>;
|
|
@@ -67,8 +71,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
67
71
|
*/
|
|
68
72
|
placement?: SynDropdown["placement"];
|
|
69
73
|
/**
|
|
70
|
-
|
|
71
|
-
|
|
74
|
+
* Disables the dropdown so the panel will not open.
|
|
75
|
+
*/
|
|
72
76
|
disabled?: SynDropdown["disabled"];
|
|
73
77
|
/**
|
|
74
78
|
* By default, the dropdown is closed when an item is selected.
|
|
@@ -78,12 +82,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
78
82
|
*/
|
|
79
83
|
stayOpenOnSelect?: SynDropdown["stayOpenOnSelect"];
|
|
80
84
|
/**
|
|
81
|
-
|
|
82
|
-
|
|
85
|
+
* The distance in pixels from which to offset the panel away from its trigger.
|
|
86
|
+
*/
|
|
83
87
|
distance?: SynDropdown["distance"];
|
|
84
88
|
/**
|
|
85
|
-
|
|
86
|
-
|
|
89
|
+
* The distance in pixels from which to offset the panel along its trigger.
|
|
90
|
+
*/
|
|
87
91
|
skidding?: SynDropdown["skidding"];
|
|
88
92
|
/**
|
|
89
93
|
* Enable this option to prevent the panel from being clipped when the component is placed inside a container with
|
|
@@ -92,8 +96,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
92
96
|
*/
|
|
93
97
|
hoist?: SynDropdown["hoist"];
|
|
94
98
|
/**
|
|
95
|
-
|
|
96
|
-
|
|
99
|
+
* Syncs the popup width or height to that of the trigger element.
|
|
100
|
+
*/
|
|
97
101
|
sync?: SynDropdown["sync"];
|
|
98
102
|
}>>> & {
|
|
99
103
|
"onSyn-show"?: ((e: SynShowEvent) => any) | undefined;
|
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
import '@synergy-design-system/components/components/file/file.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 { SynErrorEvent } 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 { SynFile } from '@synergy-design-system/components';
|
|
3
8
|
export type { SynBlurEvent } from '@synergy-design-system/components';
|
|
4
9
|
export type { SynChangeEvent } from '@synergy-design-system/components';
|
|
5
10
|
export type { SynErrorEvent } from '@synergy-design-system/components';
|
|
@@ -14,8 +19,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
14
19
|
*/
|
|
15
20
|
files?: SynFile["files"];
|
|
16
21
|
/**
|
|
17
|
-
|
|
18
|
-
|
|
22
|
+
* The name of the file control, submitted as a name/value pair with form data.
|
|
23
|
+
*/
|
|
19
24
|
name?: SynFile["name"];
|
|
20
25
|
/**
|
|
21
26
|
* The value of the file control contains a string that represents the path of the selected file.
|
|
@@ -26,13 +31,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
26
31
|
*/
|
|
27
32
|
value?: SynFile["value"];
|
|
28
33
|
/**
|
|
29
|
-
|
|
30
|
-
|
|
34
|
+
* The file control's size.
|
|
35
|
+
*/
|
|
31
36
|
size?: SynFile["size"];
|
|
32
37
|
/**
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
38
|
+
* The file control's label.
|
|
39
|
+
* If you need to display HTML, use the `label` slot instead.
|
|
40
|
+
*/
|
|
36
41
|
label?: SynFile["label"];
|
|
37
42
|
/**
|
|
38
43
|
* The file control's help text.
|
|
@@ -40,12 +45,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
40
45
|
*/
|
|
41
46
|
helpText?: SynFile["helpText"];
|
|
42
47
|
/**
|
|
43
|
-
|
|
44
|
-
|
|
48
|
+
* Disables the file control.
|
|
49
|
+
*/
|
|
45
50
|
disabled?: SynFile["disabled"];
|
|
46
51
|
/**
|
|
47
|
-
|
|
48
|
-
|
|
52
|
+
* Draw the file control as a drop area
|
|
53
|
+
*/
|
|
49
54
|
droparea?: SynFile["droparea"];
|
|
50
55
|
/**
|
|
51
56
|
* Comma separated list of supported file types
|
|
@@ -81,16 +86,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
81
86
|
*/
|
|
82
87
|
form?: SynFile["form"];
|
|
83
88
|
/**
|
|
84
|
-
|
|
85
|
-
|
|
89
|
+
* Makes the input a required field.
|
|
90
|
+
*/
|
|
86
91
|
required?: SynFile["required"];
|
|
87
92
|
/**
|
|
88
|
-
|
|
89
|
-
|
|
93
|
+
* Suppress the value from being displayed in the file control
|
|
94
|
+
*/
|
|
90
95
|
hideValue?: SynFile["hideValue"];
|
|
91
96
|
/**
|
|
92
|
-
|
|
93
|
-
|
|
97
|
+
* Support for two way data binding
|
|
98
|
+
*/
|
|
94
99
|
modelValue?: SynFile["files"];
|
|
95
100
|
}>, {
|
|
96
101
|
nativeElement: import("vue").Ref<SynFile | undefined>;
|
|
@@ -110,8 +115,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
110
115
|
*/
|
|
111
116
|
files?: SynFile["files"];
|
|
112
117
|
/**
|
|
113
|
-
|
|
114
|
-
|
|
118
|
+
* The name of the file control, submitted as a name/value pair with form data.
|
|
119
|
+
*/
|
|
115
120
|
name?: SynFile["name"];
|
|
116
121
|
/**
|
|
117
122
|
* The value of the file control contains a string that represents the path of the selected file.
|
|
@@ -122,13 +127,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
122
127
|
*/
|
|
123
128
|
value?: SynFile["value"];
|
|
124
129
|
/**
|
|
125
|
-
|
|
126
|
-
|
|
130
|
+
* The file control's size.
|
|
131
|
+
*/
|
|
127
132
|
size?: SynFile["size"];
|
|
128
133
|
/**
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
134
|
+
* The file control's label.
|
|
135
|
+
* If you need to display HTML, use the `label` slot instead.
|
|
136
|
+
*/
|
|
132
137
|
label?: SynFile["label"];
|
|
133
138
|
/**
|
|
134
139
|
* The file control's help text.
|
|
@@ -136,12 +141,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
136
141
|
*/
|
|
137
142
|
helpText?: SynFile["helpText"];
|
|
138
143
|
/**
|
|
139
|
-
|
|
140
|
-
|
|
144
|
+
* Disables the file control.
|
|
145
|
+
*/
|
|
141
146
|
disabled?: SynFile["disabled"];
|
|
142
147
|
/**
|
|
143
|
-
|
|
144
|
-
|
|
148
|
+
* Draw the file control as a drop area
|
|
149
|
+
*/
|
|
145
150
|
droparea?: SynFile["droparea"];
|
|
146
151
|
/**
|
|
147
152
|
* Comma separated list of supported file types
|
|
@@ -177,16 +182,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
177
182
|
*/
|
|
178
183
|
form?: SynFile["form"];
|
|
179
184
|
/**
|
|
180
|
-
|
|
181
|
-
|
|
185
|
+
* Makes the input a required field.
|
|
186
|
+
*/
|
|
182
187
|
required?: SynFile["required"];
|
|
183
188
|
/**
|
|
184
|
-
|
|
185
|
-
|
|
189
|
+
* Suppress the value from being displayed in the file control
|
|
190
|
+
*/
|
|
186
191
|
hideValue?: SynFile["hideValue"];
|
|
187
192
|
/**
|
|
188
|
-
|
|
189
|
-
|
|
193
|
+
* Support for two way data binding
|
|
194
|
+
*/
|
|
190
195
|
modelValue?: SynFile["files"];
|
|
191
196
|
}>>> & {
|
|
192
197
|
"onSyn-blur"?: ((e: SynBlurEvent) => any) | undefined;
|
|
@@ -1,13 +1,16 @@
|
|
|
1
1
|
import '@synergy-design-system/components/components/header/header.js';
|
|
2
|
-
import type { SynBurgerMenuClosedEvent
|
|
2
|
+
import type { SynBurgerMenuClosedEvent } from '@synergy-design-system/components';
|
|
3
|
+
import type { SynBurgerMenuHiddenEvent } from '@synergy-design-system/components';
|
|
4
|
+
import type { SynBurgerMenuOpenEvent } from '@synergy-design-system/components';
|
|
5
|
+
import type { SynHeader } from '@synergy-design-system/components';
|
|
3
6
|
export type { SynBurgerMenuClosedEvent } from '@synergy-design-system/components';
|
|
4
7
|
export type { SynBurgerMenuHiddenEvent } from '@synergy-design-system/components';
|
|
5
8
|
export type { SynBurgerMenuOpenEvent } from '@synergy-design-system/components';
|
|
6
9
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
|
|
7
10
|
/**
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
+
* The headers label.
|
|
12
|
+
* If you need to display HTML, use the `label` slot instead.
|
|
13
|
+
*/
|
|
11
14
|
label?: SynHeader["label"];
|
|
12
15
|
/**
|
|
13
16
|
* Defines the current visibility and icon of the burger-menu icon.
|
|
@@ -26,9 +29,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
26
29
|
"syn-burger-menu-open": (e: SynBurgerMenuOpenEvent) => void;
|
|
27
30
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
|
|
28
31
|
/**
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
+
* The headers label.
|
|
33
|
+
* If you need to display HTML, use the `label` slot instead.
|
|
34
|
+
*/
|
|
32
35
|
label?: SynHeader["label"];
|
|
33
36
|
/**
|
|
34
37
|
* Defines the current visibility and icon of the burger-menu icon.
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import '@synergy-design-system/components/components/icon/icon.js';
|
|
2
|
-
import type {
|
|
2
|
+
import type { SynLoadEvent } from '@synergy-design-system/components';
|
|
3
|
+
import type { SynErrorEvent } from '@synergy-design-system/components';
|
|
4
|
+
import type { SynIcon } from '@synergy-design-system/components';
|
|
3
5
|
export type { SynLoadEvent } from '@synergy-design-system/components';
|
|
4
6
|
export type { SynErrorEvent } from '@synergy-design-system/components';
|
|
5
7
|
declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
|
|
6
8
|
/**
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
9
|
+
* The name of the icon to draw.
|
|
10
|
+
* Available names depend on the icon library being used.
|
|
11
|
+
*/
|
|
10
12
|
name?: SynIcon["name"];
|
|
11
13
|
/**
|
|
12
14
|
* An external URL of an SVG file.
|
|
@@ -21,8 +23,8 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
|
|
|
21
23
|
*/
|
|
22
24
|
label?: SynIcon["label"];
|
|
23
25
|
/**
|
|
24
|
-
|
|
25
|
-
|
|
26
|
+
* The name of a registered custom icon library.
|
|
27
|
+
*/
|
|
26
28
|
library?: SynIcon["library"];
|
|
27
29
|
}>, {
|
|
28
30
|
nativeElement: import("vue").Ref<SynIcon | undefined>;
|
|
@@ -31,9 +33,9 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
|
|
|
31
33
|
"syn-load": (e: SynLoadEvent) => void;
|
|
32
34
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
|
|
33
35
|
/**
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
36
|
+
* The name of the icon to draw.
|
|
37
|
+
* Available names depend on the icon library being used.
|
|
38
|
+
*/
|
|
37
39
|
name?: SynIcon["name"];
|
|
38
40
|
/**
|
|
39
41
|
* An external URL of an SVG file.
|
|
@@ -48,8 +50,8 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
|
|
|
48
50
|
*/
|
|
49
51
|
label?: SynIcon["label"];
|
|
50
52
|
/**
|
|
51
|
-
|
|
52
|
-
|
|
53
|
+
* The name of a registered custom icon library.
|
|
54
|
+
*/
|
|
53
55
|
library?: SynIcon["library"];
|
|
54
56
|
}>>> & {
|
|
55
57
|
"onSyn-error"?: ((e: SynErrorEvent) => any) | undefined;
|
|
@@ -1,16 +1,18 @@
|
|
|
1
1
|
import '@synergy-design-system/components/components/icon-button/icon-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 { SynIconButton } 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: import("vue").DefineComponent<__VLS_TypePropsToOption<{
|
|
6
8
|
/**
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
9
|
+
* The name of the icon to draw.
|
|
10
|
+
* Available names depend on the icon library being used.
|
|
11
|
+
*/
|
|
10
12
|
name?: SynIconButton["name"];
|
|
11
13
|
/**
|
|
12
|
-
|
|
13
|
-
|
|
14
|
+
* The name of a registered custom icon library.
|
|
15
|
+
*/
|
|
14
16
|
library?: SynIconButton["library"];
|
|
15
17
|
/**
|
|
16
18
|
* An external URL of an SVG file.
|
|
@@ -19,18 +21,18 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
|
|
|
19
21
|
*/
|
|
20
22
|
src?: SynIconButton["src"];
|
|
21
23
|
/**
|
|
22
|
-
|
|
23
|
-
|
|
24
|
+
* When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.
|
|
25
|
+
*/
|
|
24
26
|
href?: SynIconButton["href"];
|
|
25
27
|
/**
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
28
|
+
* Tells the browser where to open the link.
|
|
29
|
+
* Only used when `href` is set.
|
|
30
|
+
*/
|
|
29
31
|
target?: SynIconButton["target"];
|
|
30
32
|
/**
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
33
|
+
* Tells the browser to download the linked file as this filename.
|
|
34
|
+
* Only used when `href` is set.
|
|
35
|
+
*/
|
|
34
36
|
download?: SynIconButton["download"];
|
|
35
37
|
/**
|
|
36
38
|
* A description that gets read by assistive devices.
|
|
@@ -39,8 +41,8 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
|
|
|
39
41
|
*/
|
|
40
42
|
label?: SynIconButton["label"];
|
|
41
43
|
/**
|
|
42
|
-
|
|
43
|
-
|
|
44
|
+
* The icon button's size.
|
|
45
|
+
*/
|
|
44
46
|
size?: SynIconButton["size"];
|
|
45
47
|
/**
|
|
46
48
|
* The color of the icon button.
|
|
@@ -48,8 +50,8 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
|
|
|
48
50
|
*/
|
|
49
51
|
color?: SynIconButton["color"];
|
|
50
52
|
/**
|
|
51
|
-
|
|
52
|
-
|
|
53
|
+
* Disables the button.
|
|
54
|
+
*/
|
|
53
55
|
disabled?: SynIconButton["disabled"];
|
|
54
56
|
}>, {
|
|
55
57
|
nativeElement: import("vue").Ref<SynIconButton | undefined>;
|
|
@@ -58,13 +60,13 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
|
|
|
58
60
|
"syn-focus": (e: SynFocusEvent) => void;
|
|
59
61
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
|
|
60
62
|
/**
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
63
|
+
* The name of the icon to draw.
|
|
64
|
+
* Available names depend on the icon library being used.
|
|
65
|
+
*/
|
|
64
66
|
name?: SynIconButton["name"];
|
|
65
67
|
/**
|
|
66
|
-
|
|
67
|
-
|
|
68
|
+
* The name of a registered custom icon library.
|
|
69
|
+
*/
|
|
68
70
|
library?: SynIconButton["library"];
|
|
69
71
|
/**
|
|
70
72
|
* An external URL of an SVG file.
|
|
@@ -73,18 +75,18 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
|
|
|
73
75
|
*/
|
|
74
76
|
src?: SynIconButton["src"];
|
|
75
77
|
/**
|
|
76
|
-
|
|
77
|
-
|
|
78
|
+
* When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.
|
|
79
|
+
*/
|
|
78
80
|
href?: SynIconButton["href"];
|
|
79
81
|
/**
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
82
|
+
* Tells the browser where to open the link.
|
|
83
|
+
* Only used when `href` is set.
|
|
84
|
+
*/
|
|
83
85
|
target?: SynIconButton["target"];
|
|
84
86
|
/**
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
87
|
+
* Tells the browser to download the linked file as this filename.
|
|
88
|
+
* Only used when `href` is set.
|
|
89
|
+
*/
|
|
88
90
|
download?: SynIconButton["download"];
|
|
89
91
|
/**
|
|
90
92
|
* A description that gets read by assistive devices.
|
|
@@ -93,8 +95,8 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
|
|
|
93
95
|
*/
|
|
94
96
|
label?: SynIconButton["label"];
|
|
95
97
|
/**
|
|
96
|
-
|
|
97
|
-
|
|
98
|
+
* The icon button's size.
|
|
99
|
+
*/
|
|
98
100
|
size?: SynIconButton["size"];
|
|
99
101
|
/**
|
|
100
102
|
* The color of the icon button.
|
|
@@ -102,8 +104,8 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
|
|
|
102
104
|
*/
|
|
103
105
|
color?: SynIconButton["color"];
|
|
104
106
|
/**
|
|
105
|
-
|
|
106
|
-
|
|
107
|
+
* Disables the button.
|
|
108
|
+
*/
|
|
107
109
|
disabled?: SynIconButton["disabled"];
|
|
108
110
|
}>>> & {
|
|
109
111
|
"onSyn-blur"?: ((e: SynBlurEvent) => any) | undefined;
|