@synergy-design-system/vue 2.7.2 → 2.8.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/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/SynVueCombobox.vue.d.ts +232 -0
- 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/dist/index.d.ts +1 -0
- package/package.json +3 -3
- 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/SynVueCombobox.vue +295 -0
- 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
- package/src/index.js +1 -0
|
@@ -0,0 +1,232 @@
|
|
|
1
|
+
import '@synergy-design-system/components/components/combobox/combobox.js';
|
|
2
|
+
import type { SynChangeEvent } from '@synergy-design-system/components';
|
|
3
|
+
import type { SynClearEvent } from '@synergy-design-system/components';
|
|
4
|
+
import type { SynInputEvent } from '@synergy-design-system/components';
|
|
5
|
+
import type { SynFocusEvent } from '@synergy-design-system/components';
|
|
6
|
+
import type { SynBlurEvent } from '@synergy-design-system/components';
|
|
7
|
+
import type { SynShowEvent } from '@synergy-design-system/components';
|
|
8
|
+
import type { SynAfterShowEvent } from '@synergy-design-system/components';
|
|
9
|
+
import type { SynHideEvent } from '@synergy-design-system/components';
|
|
10
|
+
import type { SynAfterHideEvent } from '@synergy-design-system/components';
|
|
11
|
+
import type { SynInvalidEvent } from '@synergy-design-system/components';
|
|
12
|
+
import type { SynErrorEvent } from '@synergy-design-system/components';
|
|
13
|
+
import type { SynCombobox } from '@synergy-design-system/components';
|
|
14
|
+
export type { SynChangeEvent } from '@synergy-design-system/components';
|
|
15
|
+
export type { SynClearEvent } from '@synergy-design-system/components';
|
|
16
|
+
export type { SynInputEvent } from '@synergy-design-system/components';
|
|
17
|
+
export type { SynFocusEvent } from '@synergy-design-system/components';
|
|
18
|
+
export type { SynBlurEvent } from '@synergy-design-system/components';
|
|
19
|
+
export type { SynShowEvent } from '@synergy-design-system/components';
|
|
20
|
+
export type { SynAfterShowEvent } from '@synergy-design-system/components';
|
|
21
|
+
export type { SynHideEvent } from '@synergy-design-system/components';
|
|
22
|
+
export type { SynAfterHideEvent } from '@synergy-design-system/components';
|
|
23
|
+
export type { SynInvalidEvent } from '@synergy-design-system/components';
|
|
24
|
+
export type { SynErrorEvent } from '@synergy-design-system/components';
|
|
25
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
|
|
26
|
+
/**
|
|
27
|
+
* The name of the combobox, submitted as a name/value pair with form data.
|
|
28
|
+
*/
|
|
29
|
+
name?: SynCombobox["name"];
|
|
30
|
+
/**
|
|
31
|
+
* The current value of the combobox, submitted as a name/value pair with form data.
|
|
32
|
+
*/
|
|
33
|
+
value?: SynCombobox["value"];
|
|
34
|
+
/**
|
|
35
|
+
* The combobox's size.
|
|
36
|
+
*/
|
|
37
|
+
size?: SynCombobox["size"];
|
|
38
|
+
/**
|
|
39
|
+
* Placeholder text to show as a hint when the combobox is empty.
|
|
40
|
+
*/
|
|
41
|
+
placeholder?: SynCombobox["placeholder"];
|
|
42
|
+
/**
|
|
43
|
+
* Disables the combobox control.
|
|
44
|
+
*/
|
|
45
|
+
disabled?: SynCombobox["disabled"];
|
|
46
|
+
/**
|
|
47
|
+
* Adds a clear button when the combobox is not empty.
|
|
48
|
+
*/
|
|
49
|
+
clearable?: SynCombobox["clearable"];
|
|
50
|
+
/**
|
|
51
|
+
* Indicates whether or not the combobox is open.
|
|
52
|
+
You can toggle this attribute to show and hide the listbox, or you can use the `show()`
|
|
53
|
+
and `hide()` methods and this attribute will reflect the combobox's open state.
|
|
54
|
+
*/
|
|
55
|
+
open?: SynCombobox["open"];
|
|
56
|
+
/**
|
|
57
|
+
* Enable this option to prevent the listbox from being clipped,
|
|
58
|
+
when the component is placed inside a container with `overflow: auto|scroll`.
|
|
59
|
+
Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.
|
|
60
|
+
*/
|
|
61
|
+
hoist?: SynCombobox["hoist"];
|
|
62
|
+
/**
|
|
63
|
+
* The combobox's label.
|
|
64
|
+
* If you need to display HTML, use the `label` slot instead.
|
|
65
|
+
*/
|
|
66
|
+
label?: SynCombobox["label"];
|
|
67
|
+
/**
|
|
68
|
+
* The preferred placement of the combobox's menu.
|
|
69
|
+
Note that the actual placement may vary as needed to keep the listbox inside of the viewport.
|
|
70
|
+
*/
|
|
71
|
+
placement?: SynCombobox["placement"];
|
|
72
|
+
/**
|
|
73
|
+
* The combobox's help text.
|
|
74
|
+
* If you need to display HTML, use the `help-text` slot instead.
|
|
75
|
+
*/
|
|
76
|
+
helpText?: SynCombobox["helpText"];
|
|
77
|
+
/**
|
|
78
|
+
* By default, form controls are associated with the nearest containing `<form>` element.
|
|
79
|
+
This attribute allows you to place the form control outside of a form and associate it
|
|
80
|
+
with the form that has this `id`.
|
|
81
|
+
The form must be in the same document or shadow root for this to work.
|
|
82
|
+
*/
|
|
83
|
+
form?: SynCombobox["form"];
|
|
84
|
+
/**
|
|
85
|
+
* The combobox's required attribute.
|
|
86
|
+
*/
|
|
87
|
+
required?: SynCombobox["required"];
|
|
88
|
+
/**
|
|
89
|
+
* A function that customizes the rendered option.
|
|
90
|
+
* The first argument is the option, the second
|
|
91
|
+
is the query string, which is typed into the combobox.
|
|
92
|
+
The function should return either a Lit TemplateResult or a string containing trusted HTML
|
|
93
|
+
to render in the shown list of filtered options.
|
|
94
|
+
If the query string should be highlighted use the `highlightOptionRenderer` function.
|
|
95
|
+
*/
|
|
96
|
+
getOption?: SynCombobox["getOption"];
|
|
97
|
+
/**
|
|
98
|
+
* A function used to filter options in the combobox component.
|
|
99
|
+
The default filter method is a case- and diacritic-insensitive string comparison.
|
|
100
|
+
*/
|
|
101
|
+
filter?: SynCombobox["filter"];
|
|
102
|
+
/**
|
|
103
|
+
* Support for two way data binding
|
|
104
|
+
*/
|
|
105
|
+
modelValue?: SynCombobox["value"];
|
|
106
|
+
}>, {
|
|
107
|
+
nativeElement: import("vue").Ref<SynCombobox | undefined>;
|
|
108
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
109
|
+
"syn-show": (e: SynShowEvent) => void;
|
|
110
|
+
"syn-after-show": (e: SynAfterShowEvent) => void;
|
|
111
|
+
"syn-hide": (e: SynHideEvent) => void;
|
|
112
|
+
"syn-after-hide": (e: SynAfterHideEvent) => void;
|
|
113
|
+
"syn-blur": (e: SynBlurEvent) => void;
|
|
114
|
+
"syn-focus": (e: SynFocusEvent) => void;
|
|
115
|
+
"syn-invalid": (e: SynInvalidEvent) => void;
|
|
116
|
+
"syn-change": (e: SynChangeEvent) => void;
|
|
117
|
+
"syn-input": (e: SynInputEvent) => void;
|
|
118
|
+
"update:modelValue": (newValue: string) => void;
|
|
119
|
+
"syn-clear": (e: SynClearEvent) => void;
|
|
120
|
+
"syn-error": (e: SynErrorEvent) => void;
|
|
121
|
+
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
|
|
122
|
+
/**
|
|
123
|
+
* The name of the combobox, submitted as a name/value pair with form data.
|
|
124
|
+
*/
|
|
125
|
+
name?: SynCombobox["name"];
|
|
126
|
+
/**
|
|
127
|
+
* The current value of the combobox, submitted as a name/value pair with form data.
|
|
128
|
+
*/
|
|
129
|
+
value?: SynCombobox["value"];
|
|
130
|
+
/**
|
|
131
|
+
* The combobox's size.
|
|
132
|
+
*/
|
|
133
|
+
size?: SynCombobox["size"];
|
|
134
|
+
/**
|
|
135
|
+
* Placeholder text to show as a hint when the combobox is empty.
|
|
136
|
+
*/
|
|
137
|
+
placeholder?: SynCombobox["placeholder"];
|
|
138
|
+
/**
|
|
139
|
+
* Disables the combobox control.
|
|
140
|
+
*/
|
|
141
|
+
disabled?: SynCombobox["disabled"];
|
|
142
|
+
/**
|
|
143
|
+
* Adds a clear button when the combobox is not empty.
|
|
144
|
+
*/
|
|
145
|
+
clearable?: SynCombobox["clearable"];
|
|
146
|
+
/**
|
|
147
|
+
* Indicates whether or not the combobox is open.
|
|
148
|
+
You can toggle this attribute to show and hide the listbox, or you can use the `show()`
|
|
149
|
+
and `hide()` methods and this attribute will reflect the combobox's open state.
|
|
150
|
+
*/
|
|
151
|
+
open?: SynCombobox["open"];
|
|
152
|
+
/**
|
|
153
|
+
* Enable this option to prevent the listbox from being clipped,
|
|
154
|
+
when the component is placed inside a container with `overflow: auto|scroll`.
|
|
155
|
+
Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.
|
|
156
|
+
*/
|
|
157
|
+
hoist?: SynCombobox["hoist"];
|
|
158
|
+
/**
|
|
159
|
+
* The combobox's label.
|
|
160
|
+
* If you need to display HTML, use the `label` slot instead.
|
|
161
|
+
*/
|
|
162
|
+
label?: SynCombobox["label"];
|
|
163
|
+
/**
|
|
164
|
+
* The preferred placement of the combobox's menu.
|
|
165
|
+
Note that the actual placement may vary as needed to keep the listbox inside of the viewport.
|
|
166
|
+
*/
|
|
167
|
+
placement?: SynCombobox["placement"];
|
|
168
|
+
/**
|
|
169
|
+
* The combobox's help text.
|
|
170
|
+
* If you need to display HTML, use the `help-text` slot instead.
|
|
171
|
+
*/
|
|
172
|
+
helpText?: SynCombobox["helpText"];
|
|
173
|
+
/**
|
|
174
|
+
* By default, form controls are associated with the nearest containing `<form>` element.
|
|
175
|
+
This attribute allows you to place the form control outside of a form and associate it
|
|
176
|
+
with the form that has this `id`.
|
|
177
|
+
The form must be in the same document or shadow root for this to work.
|
|
178
|
+
*/
|
|
179
|
+
form?: SynCombobox["form"];
|
|
180
|
+
/**
|
|
181
|
+
* The combobox's required attribute.
|
|
182
|
+
*/
|
|
183
|
+
required?: SynCombobox["required"];
|
|
184
|
+
/**
|
|
185
|
+
* A function that customizes the rendered option.
|
|
186
|
+
* The first argument is the option, the second
|
|
187
|
+
is the query string, which is typed into the combobox.
|
|
188
|
+
The function should return either a Lit TemplateResult or a string containing trusted HTML
|
|
189
|
+
to render in the shown list of filtered options.
|
|
190
|
+
If the query string should be highlighted use the `highlightOptionRenderer` function.
|
|
191
|
+
*/
|
|
192
|
+
getOption?: SynCombobox["getOption"];
|
|
193
|
+
/**
|
|
194
|
+
* A function used to filter options in the combobox component.
|
|
195
|
+
The default filter method is a case- and diacritic-insensitive string comparison.
|
|
196
|
+
*/
|
|
197
|
+
filter?: SynCombobox["filter"];
|
|
198
|
+
/**
|
|
199
|
+
* Support for two way data binding
|
|
200
|
+
*/
|
|
201
|
+
modelValue?: SynCombobox["value"];
|
|
202
|
+
}>>> & {
|
|
203
|
+
"onSyn-show"?: ((e: SynShowEvent) => any) | undefined;
|
|
204
|
+
"onSyn-after-show"?: ((e: SynAfterShowEvent) => any) | undefined;
|
|
205
|
+
"onSyn-hide"?: ((e: SynHideEvent) => any) | undefined;
|
|
206
|
+
"onSyn-after-hide"?: ((e: SynAfterHideEvent) => any) | undefined;
|
|
207
|
+
"onSyn-blur"?: ((e: SynBlurEvent) => any) | undefined;
|
|
208
|
+
"onSyn-focus"?: ((e: SynFocusEvent) => any) | undefined;
|
|
209
|
+
"onSyn-invalid"?: ((e: SynInvalidEvent) => any) | undefined;
|
|
210
|
+
"onSyn-change"?: ((e: SynChangeEvent) => any) | undefined;
|
|
211
|
+
"onSyn-input"?: ((e: SynInputEvent) => any) | undefined;
|
|
212
|
+
"onUpdate:modelValue"?: ((newValue: string) => any) | undefined;
|
|
213
|
+
"onSyn-clear"?: ((e: SynClearEvent) => any) | undefined;
|
|
214
|
+
"onSyn-error"?: ((e: SynErrorEvent) => any) | undefined;
|
|
215
|
+
}, {}, {}>, {
|
|
216
|
+
default?(_: {}): any;
|
|
217
|
+
}>;
|
|
218
|
+
export default _default;
|
|
219
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
220
|
+
new (): {
|
|
221
|
+
$slots: S;
|
|
222
|
+
};
|
|
223
|
+
};
|
|
224
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
225
|
+
type __VLS_TypePropsToOption<T> = {
|
|
226
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
227
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
228
|
+
} : {
|
|
229
|
+
type: import('vue').PropType<T[K]>;
|
|
230
|
+
required: true;
|
|
231
|
+
};
|
|
232
|
+
};
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
import '@synergy-design-system/components/components/details/details.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 { SynDetails } 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';
|
|
@@ -12,21 +16,21 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
12
16
|
*/
|
|
13
17
|
open?: SynDetails["open"];
|
|
14
18
|
/**
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
19
|
+
* The summary to show in the header.
|
|
20
|
+
* If you need to display HTML, use the `summary` slot instead.
|
|
21
|
+
*/
|
|
18
22
|
summary?: SynDetails["summary"];
|
|
19
23
|
/**
|
|
20
|
-
|
|
21
|
-
|
|
24
|
+
* Disables the details so it can't be toggled.
|
|
25
|
+
*/
|
|
22
26
|
disabled?: SynDetails["disabled"];
|
|
23
27
|
/**
|
|
24
|
-
|
|
25
|
-
|
|
28
|
+
* Draws the details as contained element.
|
|
29
|
+
*/
|
|
26
30
|
contained?: SynDetails["contained"];
|
|
27
31
|
/**
|
|
28
|
-
|
|
29
|
-
|
|
32
|
+
* The details's size.
|
|
33
|
+
*/
|
|
30
34
|
size?: SynDetails["size"];
|
|
31
35
|
}>, {
|
|
32
36
|
nativeElement: import("vue").Ref<SynDetails | undefined>;
|
|
@@ -43,21 +47,21 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
43
47
|
*/
|
|
44
48
|
open?: SynDetails["open"];
|
|
45
49
|
/**
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
50
|
+
* The summary to show in the header.
|
|
51
|
+
* If you need to display HTML, use the `summary` slot instead.
|
|
52
|
+
*/
|
|
49
53
|
summary?: SynDetails["summary"];
|
|
50
54
|
/**
|
|
51
|
-
|
|
52
|
-
|
|
55
|
+
* Disables the details so it can't be toggled.
|
|
56
|
+
*/
|
|
53
57
|
disabled?: SynDetails["disabled"];
|
|
54
58
|
/**
|
|
55
|
-
|
|
56
|
-
|
|
59
|
+
* Draws the details as contained element.
|
|
60
|
+
*/
|
|
57
61
|
contained?: SynDetails["contained"];
|
|
58
62
|
/**
|
|
59
|
-
|
|
60
|
-
|
|
63
|
+
* The details's size.
|
|
64
|
+
*/
|
|
61
65
|
size?: SynDetails["size"];
|
|
62
66
|
}>>> & {
|
|
63
67
|
"onSyn-show"?: ((e: SynShowEvent) => any) | undefined;
|
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
import '@synergy-design-system/components/components/dialog/dialog.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 { SynDialog } 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';
|
|
@@ -2,15 +2,15 @@ import '@synergy-design-system/components/components/divider/divider.js';
|
|
|
2
2
|
import type { SynDivider } from '@synergy-design-system/components';
|
|
3
3
|
declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
|
|
4
4
|
/**
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
* Draws the divider in a vertical orientation.
|
|
6
|
+
*/
|
|
7
7
|
vertical?: SynDivider["vertical"];
|
|
8
8
|
}>, {
|
|
9
9
|
nativeElement: import("vue").Ref<SynDivider | undefined>;
|
|
10
10
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
|
|
11
11
|
/**
|
|
12
|
-
|
|
13
|
-
|
|
12
|
+
* Draws the divider in a vertical orientation.
|
|
13
|
+
*/
|
|
14
14
|
vertical?: SynDivider["vertical"];
|
|
15
15
|
}>>>, {}, {}>;
|
|
16
16
|
export default _default;
|
|
@@ -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.
|