@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.
Files changed (88) hide show
  1. package/dist/components/SynVueAccordion.vue.d.ts +12 -12
  2. package/dist/components/SynVueAlert.vue.d.ts +13 -9
  3. package/dist/components/SynVueBadge.vue.d.ts +4 -4
  4. package/dist/components/SynVueBreadcrumbItem.vue.d.ts +12 -12
  5. package/dist/components/SynVueButton.vue.d.ts +62 -59
  6. package/dist/components/SynVueCard.vue.d.ts +8 -8
  7. package/dist/components/SynVueCheckbox.vue.d.ts +40 -35
  8. package/dist/components/SynVueCombobox.vue.d.ts +232 -0
  9. package/dist/components/SynVueDetails.vue.d.ts +23 -19
  10. package/dist/components/SynVueDialog.vue.d.ts +7 -1
  11. package/dist/components/SynVueDivider.vue.d.ts +4 -4
  12. package/dist/components/SynVueDrawer.vue.d.ts +11 -5
  13. package/dist/components/SynVueDropdown.vue.d.ts +21 -17
  14. package/dist/components/SynVueFile.vue.d.ts +40 -35
  15. package/dist/components/SynVueHeader.vue.d.ts +10 -7
  16. package/dist/components/SynVueIcon.vue.d.ts +13 -11
  17. package/dist/components/SynVueIconButton.vue.d.ts +37 -35
  18. package/dist/components/SynVueInput.vue.d.ts +115 -109
  19. package/dist/components/SynVueMenu.vue.d.ts +2 -1
  20. package/dist/components/SynVueMenuItem.vue.d.ts +24 -24
  21. package/dist/components/SynVueNavItem.vue.d.ts +13 -9
  22. package/dist/components/SynVueOptgroup.vue.d.ts +10 -10
  23. package/dist/components/SynVueOption.vue.d.ts +4 -4
  24. package/dist/components/SynVuePopup.vue.d.ts +34 -33
  25. package/dist/components/SynVueProgressBar.vue.d.ts +12 -12
  26. package/dist/components/SynVueProgressRing.vue.d.ts +8 -8
  27. package/dist/components/SynVueRadio.vue.d.ts +13 -11
  28. package/dist/components/SynVueRadioButton.vue.d.ts +17 -15
  29. package/dist/components/SynVueRadioGroup.vue.d.ts +32 -29
  30. package/dist/components/SynVueRange.vue.d.ts +57 -51
  31. package/dist/components/SynVueRangeTick.vue.d.ts +4 -4
  32. package/dist/components/SynVueSelect.vue.d.ts +55 -45
  33. package/dist/components/SynVueSideNav.vue.d.ts +5 -1
  34. package/dist/components/SynVueSwitch.vue.d.ts +40 -35
  35. package/dist/components/SynVueTab.vue.d.ts +20 -19
  36. package/dist/components/SynVueTabGroup.vue.d.ts +21 -19
  37. package/dist/components/SynVueTabPanel.vue.d.ts +8 -8
  38. package/dist/components/SynVueTag.vue.d.ts +10 -9
  39. package/dist/components/SynVueTextarea.vue.d.ts +86 -81
  40. package/dist/components/SynVueTooltip.vue.d.ts +29 -25
  41. package/dist/index.d.ts +1 -0
  42. package/package.json +3 -3
  43. package/src/components/SynVueAccordion.vue +16 -21
  44. package/src/components/SynVueAlert.vue +29 -29
  45. package/src/components/SynVueBadge.vue +10 -15
  46. package/src/components/SynVueBreadcrumb.vue +8 -13
  47. package/src/components/SynVueBreadcrumbItem.vue +16 -21
  48. package/src/components/SynVueButton.vue +66 -67
  49. package/src/components/SynVueButtonGroup.vue +8 -13
  50. package/src/components/SynVueCard.vue +12 -17
  51. package/src/components/SynVueCheckbox.vue +64 -53
  52. package/src/components/SynVueCombobox.vue +295 -0
  53. package/src/components/SynVueDetails.vue +35 -35
  54. package/src/components/SynVueDialog.vue +33 -31
  55. package/src/components/SynVueDivider.vue +9 -14
  56. package/src/components/SynVueDrawer.vue +37 -35
  57. package/src/components/SynVueDropdown.vue +37 -37
  58. package/src/components/SynVueFile.vue +69 -58
  59. package/src/components/SynVueHeader.vue +23 -24
  60. package/src/components/SynVueIcon.vue +26 -25
  61. package/src/components/SynVueIconButton.vue +42 -41
  62. package/src/components/SynVueInput.vue +123 -111
  63. package/src/components/SynVueMenu.vue +6 -9
  64. package/src/components/SynVueMenuItem.vue +24 -29
  65. package/src/components/SynVueMenuLabel.vue +2 -6
  66. package/src/components/SynVueNavItem.vue +32 -32
  67. package/src/components/SynVueOptgroup.vue +14 -19
  68. package/src/components/SynVueOption.vue +11 -16
  69. package/src/components/SynVuePopup.vue +51 -52
  70. package/src/components/SynVuePrioNav.vue +2 -6
  71. package/src/components/SynVueProgressBar.vue +16 -21
  72. package/src/components/SynVueProgressRing.vue +13 -18
  73. package/src/components/SynVueRadio.vue +23 -23
  74. package/src/components/SynVueRadioButton.vue +26 -26
  75. package/src/components/SynVueRadioGroup.vue +52 -43
  76. package/src/components/SynVueRange.vue +77 -65
  77. package/src/components/SynVueRangeTick.vue +10 -15
  78. package/src/components/SynVueSelect.vue +90 -74
  79. package/src/components/SynVueSideNav.vue +24 -24
  80. package/src/components/SynVueSpinner.vue +1 -5
  81. package/src/components/SynVueSwitch.vue +63 -52
  82. package/src/components/SynVueTab.vue +25 -26
  83. package/src/components/SynVueTabGroup.vue +31 -31
  84. package/src/components/SynVueTabPanel.vue +13 -18
  85. package/src/components/SynVueTag.vue +18 -19
  86. package/src/components/SynVueTextarea.vue +99 -88
  87. package/src/components/SynVueTooltip.vue +41 -41
  88. 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 { SynAfterHideEvent, SynAfterShowEvent, SynDetails, SynHideEvent, SynShowEvent } from '@synergy-design-system/components';
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
- * The summary to show in the header.
16
- * If you need to display HTML, use the `summary` slot instead.
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
- * Disables the details so it can't be toggled.
21
- */
24
+ * Disables the details so it can't be toggled.
25
+ */
22
26
  disabled?: SynDetails["disabled"];
23
27
  /**
24
- * Draws the details as contained element.
25
- */
28
+ * Draws the details as contained element.
29
+ */
26
30
  contained?: SynDetails["contained"];
27
31
  /**
28
- * The details's size.
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
- * The summary to show in the header.
47
- * If you need to display HTML, use the `summary` slot instead.
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
- * Disables the details so it can't be toggled.
52
- */
55
+ * Disables the details so it can't be toggled.
56
+ */
53
57
  disabled?: SynDetails["disabled"];
54
58
  /**
55
- * Draws the details as contained element.
56
- */
59
+ * Draws the details as contained element.
60
+ */
57
61
  contained?: SynDetails["contained"];
58
62
  /**
59
- * The details's size.
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 { SynAfterHideEvent, SynAfterShowEvent, SynDialog, SynHideEvent, SynInitialFocusEvent, SynRequestCloseEvent, SynShowEvent } from '@synergy-design-system/components';
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
- * Draws the divider in a vertical orientation.
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
- * Draws the divider in a vertical orientation.
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 { SynAfterHideEvent, SynAfterShowEvent, SynDrawer, SynHideEvent, SynInitialFocusEvent, SynRequestCloseEvent, SynShowEvent } from '@synergy-design-system/components';
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
- * The direction from which the drawer will open.
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
- * The direction from which the drawer will open.
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 { SynAfterHideEvent, SynAfterShowEvent, SynDropdown, SynHideEvent, SynShowEvent } from '@synergy-design-system/components';
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
- * Disables the dropdown so the panel will not open.
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
- * The distance in pixels from which to offset the panel away from its trigger.
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
- * The distance in pixels from which to offset the panel along its trigger.
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
- * Syncs the popup width or height to that of the trigger element.
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
- * Disables the dropdown so the panel will not open.
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
- * The distance in pixels from which to offset the panel away from its trigger.
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
- * The distance in pixels from which to offset the panel along its trigger.
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
- * Syncs the popup width or height to that of the trigger element.
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, SynChangeEvent, SynErrorEvent, SynFile, SynFocusEvent, SynInputEvent } from '@synergy-design-system/components';
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
- * The name of the file control, submitted as a name/value pair with form data.
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
- * The file control's size.
30
- */
34
+ * The file control's size.
35
+ */
31
36
  size?: SynFile["size"];
32
37
  /**
33
- * The file control's label.
34
- * If you need to display HTML, use the `label` slot instead.
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
- * Disables the file control.
44
- */
48
+ * Disables the file control.
49
+ */
45
50
  disabled?: SynFile["disabled"];
46
51
  /**
47
- * Draw the file control as a drop area
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
- * Makes the input a required field.
85
- */
89
+ * Makes the input a required field.
90
+ */
86
91
  required?: SynFile["required"];
87
92
  /**
88
- * Suppress the value from being displayed in the file control
89
- */
93
+ * Suppress the value from being displayed in the file control
94
+ */
90
95
  hideValue?: SynFile["hideValue"];
91
96
  /**
92
- * Support for two way data binding
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
- * The name of the file control, submitted as a name/value pair with form data.
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
- * The file control's size.
126
- */
130
+ * The file control's size.
131
+ */
127
132
  size?: SynFile["size"];
128
133
  /**
129
- * The file control's label.
130
- * If you need to display HTML, use the `label` slot instead.
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
- * Disables the file control.
140
- */
144
+ * Disables the file control.
145
+ */
141
146
  disabled?: SynFile["disabled"];
142
147
  /**
143
- * Draw the file control as a drop area
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
- * Makes the input a required field.
181
- */
185
+ * Makes the input a required field.
186
+ */
182
187
  required?: SynFile["required"];
183
188
  /**
184
- * Suppress the value from being displayed in the file control
185
- */
189
+ * Suppress the value from being displayed in the file control
190
+ */
186
191
  hideValue?: SynFile["hideValue"];
187
192
  /**
188
- * Support for two way data binding
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, SynBurgerMenuHiddenEvent, SynBurgerMenuOpenEvent, SynHeader } from '@synergy-design-system/components';
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
- * The headers label.
9
- * If you need to display HTML, use the `label` slot instead.
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
- * The headers label.
30
- * If you need to display HTML, use the `label` slot instead.
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.