@vonage/vivid-vue 4.10.0 → 4.12.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.
@@ -1,6 +1,5 @@
1
1
  import { PropType } from 'vue';
2
2
  import { IconId } from '../icons';
3
- import type { Fab } from '@vonage/vivid/lib/fab/fab';
4
3
  import type { SlotsType } from 'vue';
5
4
  declare const _default: import("vue").DefineComponent<{
6
5
  /**
@@ -65,6 +64,34 @@ declare const _default: import("vue").DefineComponent<{
65
64
  type: PropType<boolean>;
66
65
  default: undefined;
67
66
  };
67
+ /**
68
+ * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
69
+ */
70
+ formnovalidate: {
71
+ type: PropType<boolean>;
72
+ default: undefined;
73
+ };
74
+ /**
75
+ * The connotation the fab should have.
76
+ */
77
+ connotation: {
78
+ type: PropType<"cta" | "accent" | "announcement">;
79
+ default: undefined;
80
+ };
81
+ /**
82
+ * The size the FAB should have.
83
+ */
84
+ size: {
85
+ type: PropType<"condensed" | "normal" | "expanded">;
86
+ default: undefined;
87
+ };
88
+ /**
89
+ * Indicates the fab's label.
90
+ */
91
+ label: {
92
+ type: PropType<string>;
93
+ default: undefined;
94
+ };
68
95
  /**
69
96
  * Determines if the element should receive document focus on page load.
70
97
  */
@@ -100,13 +127,6 @@ declare const _default: import("vue").DefineComponent<{
100
127
  type: PropType<string>;
101
128
  default: undefined;
102
129
  };
103
- /**
104
- * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
105
- */
106
- formnovalidate: {
107
- type: PropType<boolean>;
108
- default: undefined;
109
- };
110
130
  /**
111
131
  * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
112
132
  */
@@ -121,30 +141,25 @@ declare const _default: import("vue").DefineComponent<{
121
141
  type: PropType<"submit" | "reset" | "button">;
122
142
  default: undefined;
123
143
  };
124
- /**
125
- * The connotation the fab should have.
126
- */
127
- connotation: {
128
- type: PropType<"cta" | "accent" | "announcement">;
129
- default: undefined;
130
- };
131
- /**
132
- * The size the FAB should have.
133
- */
134
- size: {
135
- type: PropType<"condensed" | "normal" | "expanded">;
136
- default: undefined;
137
- };
138
- /**
139
- * Indicates the fab's label.
140
- */
141
- label: {
142
- type: PropType<string>;
143
- default: undefined;
144
- };
145
144
  }, {
146
145
  componentName: import("vue").Ref<string>;
147
- element: import("vue").Ref<Fab | null>;
146
+ element: import("vue").Ref<{
147
+ connotation?: import("@vonage/vivid").FabConnotation | undefined;
148
+ size?: import("@vonage/vivid").FABSize | undefined;
149
+ label?: string | undefined;
150
+ autofocus: boolean;
151
+ formId: string;
152
+ formaction: string;
153
+ formenctype: string;
154
+ formmethod: string;
155
+ formnovalidate: boolean;
156
+ formtarget: "_self" | "_blank" | "_parent" | "_top";
157
+ type: "submit" | "reset" | "button";
158
+ validate: () => void;
159
+ control: HTMLButtonElement;
160
+ iconTrailing: boolean;
161
+ icon?: string | undefined;
162
+ } | null>;
148
163
  }, unknown, {}, {
149
164
  /**
150
165
  * {@inheritDoc (FormAssociated:interface).validate}
@@ -244,6 +259,34 @@ declare const _default: import("vue").DefineComponent<{
244
259
  type: PropType<boolean>;
245
260
  default: undefined;
246
261
  };
262
+ /**
263
+ * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
264
+ */
265
+ formnovalidate: {
266
+ type: PropType<boolean>;
267
+ default: undefined;
268
+ };
269
+ /**
270
+ * The connotation the fab should have.
271
+ */
272
+ connotation: {
273
+ type: PropType<"cta" | "accent" | "announcement">;
274
+ default: undefined;
275
+ };
276
+ /**
277
+ * The size the FAB should have.
278
+ */
279
+ size: {
280
+ type: PropType<"condensed" | "normal" | "expanded">;
281
+ default: undefined;
282
+ };
283
+ /**
284
+ * Indicates the fab's label.
285
+ */
286
+ label: {
287
+ type: PropType<string>;
288
+ default: undefined;
289
+ };
247
290
  /**
248
291
  * Determines if the element should receive document focus on page load.
249
292
  */
@@ -279,13 +322,6 @@ declare const _default: import("vue").DefineComponent<{
279
322
  type: PropType<string>;
280
323
  default: undefined;
281
324
  };
282
- /**
283
- * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
284
- */
285
- formnovalidate: {
286
- type: PropType<boolean>;
287
- default: undefined;
288
- };
289
325
  /**
290
326
  * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
291
327
  */
@@ -300,27 +336,6 @@ declare const _default: import("vue").DefineComponent<{
300
336
  type: PropType<"submit" | "reset" | "button">;
301
337
  default: undefined;
302
338
  };
303
- /**
304
- * The connotation the fab should have.
305
- */
306
- connotation: {
307
- type: PropType<"cta" | "accent" | "announcement">;
308
- default: undefined;
309
- };
310
- /**
311
- * The size the FAB should have.
312
- */
313
- size: {
314
- type: PropType<"condensed" | "normal" | "expanded">;
315
- default: undefined;
316
- };
317
- /**
318
- * Indicates the fab's label.
319
- */
320
- label: {
321
- type: PropType<string>;
322
- default: undefined;
323
- };
324
339
  }>> & {
325
340
  onKeydown?: ((event: KeyboardEvent) => any) | undefined;
326
341
  onClick?: ((event: MouseEvent) => any) | undefined;
@@ -69,6 +69,13 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
69
69
  type: PropType<boolean>;
70
70
  default: undefined;
71
71
  };
72
+ /**
73
+ * Single file state.
74
+ */
75
+ singleFile: {
76
+ type: PropType<boolean>;
77
+ default: undefined;
78
+ };
72
79
  /**
73
80
  * The max files that can be selected.
74
81
  */
@@ -101,12 +108,17 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
101
108
  componentName: import("vue").Ref<string>;
102
109
  element: import("vue").Ref<FilePicker | null>;
103
110
  }, import("vue").Data, {}, {
111
+ singleFileChanged(): unknown;
104
112
  maxFilesChanged(_oldValue: number, newValue: number): void;
105
113
  maxFileSizeChanged(_oldValue: number, newValue: number): void;
106
114
  acceptChanged(_oldValue: string, newValue: string): void;
107
115
  nameChanged(previous: string, next: string): unknown;
108
116
  validate(): void;
109
117
  formResetCallback(): void;
118
+ /**
119
+ * Removes all files from the File Picker.
120
+ */
121
+ removeAllFiles(): unknown;
110
122
  }, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "change")[], string, Readonly<import("vue").ExtractPropTypes<{
111
123
  /**
112
124
  * The label for the form element.
@@ -176,6 +188,13 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
176
188
  type: PropType<boolean>;
177
189
  default: undefined;
178
190
  };
191
+ /**
192
+ * Single file state.
193
+ */
194
+ singleFile: {
195
+ type: PropType<boolean>;
196
+ default: undefined;
197
+ };
179
198
  /**
180
199
  * The max files that can be selected.
181
200
  */
@@ -215,6 +234,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
215
234
  label: string;
216
235
  errorText: string;
217
236
  helperText: string;
237
+ singleFile: boolean;
218
238
  maxFiles: number;
219
239
  maxFileSize: number;
220
240
  accept: string;
@@ -70,6 +70,13 @@ declare const _default: import("vue").DefineComponent<{
70
70
  type: PropType<boolean>;
71
71
  default: undefined;
72
72
  };
73
+ /**
74
+ * Single file state.
75
+ */
76
+ singleFile: {
77
+ type: PropType<boolean>;
78
+ default: undefined;
79
+ };
73
80
  /**
74
81
  * The max files that can be selected.
75
82
  */
@@ -102,12 +109,17 @@ declare const _default: import("vue").DefineComponent<{
102
109
  componentName: import("vue").Ref<string>;
103
110
  element: import("vue").Ref<FilePicker | null>;
104
111
  }, unknown, {}, {
112
+ singleFileChanged(): unknown;
105
113
  maxFilesChanged(_oldValue: number, newValue: number): void;
106
114
  maxFileSizeChanged(_oldValue: number, newValue: number): void;
107
115
  acceptChanged(_oldValue: string, newValue: string): void;
108
116
  nameChanged(previous: string, next: string): unknown;
109
117
  validate(): void;
110
118
  formResetCallback(): void;
119
+ /**
120
+ * Removes all files from the File Picker.
121
+ */
122
+ removeAllFiles(): unknown;
111
123
  }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
112
124
  /**
113
125
  * Fires when a pointing device button (such as a mouse's primary mouse button) is both pressed and released while the pointer is located inside the element.
@@ -213,6 +225,13 @@ declare const _default: import("vue").DefineComponent<{
213
225
  type: PropType<boolean>;
214
226
  default: undefined;
215
227
  };
228
+ /**
229
+ * Single file state.
230
+ */
231
+ singleFile: {
232
+ type: PropType<boolean>;
233
+ default: undefined;
234
+ };
216
235
  /**
217
236
  * The max files that can be selected.
218
237
  */
@@ -260,6 +279,7 @@ declare const _default: import("vue").DefineComponent<{
260
279
  label: string;
261
280
  errorText: string;
262
281
  helperText: string;
282
+ singleFile: boolean;
263
283
  maxFiles: number;
264
284
  maxFileSize: number;
265
285
  accept: string;
@@ -21,6 +21,27 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
21
21
  type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
22
22
  default: undefined;
23
23
  };
24
+ /**
25
+ * Indicates the text anchor's text.
26
+ */
27
+ text: {
28
+ type: PropType<string>;
29
+ default: undefined;
30
+ };
31
+ /**
32
+ * The connotation Text-Anchor should have.
33
+ */
34
+ connotation: {
35
+ type: PropType<"accent" | "cta">;
36
+ default: undefined;
37
+ };
38
+ /**
39
+ * The appearance Text-Anchor should have.
40
+ */
41
+ appearance: {
42
+ type: PropType<"ghost" | "ghost-light">;
43
+ default: undefined;
44
+ };
24
45
  /**
25
46
  * Prompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.
26
47
  */
@@ -77,27 +98,6 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
77
98
  type: PropType<string>;
78
99
  default: undefined;
79
100
  };
80
- /**
81
- * Indicates the text anchor's text.
82
- */
83
- text: {
84
- type: PropType<string>;
85
- default: undefined;
86
- };
87
- /**
88
- * The connotation Text-Anchor should have.
89
- */
90
- connotation: {
91
- type: PropType<"accent" | "cta">;
92
- default: undefined;
93
- };
94
- /**
95
- * The appearance Text-Anchor should have.
96
- */
97
- appearance: {
98
- type: PropType<"ghost" | "ghost-light">;
99
- default: undefined;
100
- };
101
101
  }, {
102
102
  componentName: import("vue").Ref<string>;
103
103
  element: import("vue").Ref<NavItem | null>;
@@ -119,6 +119,27 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
119
119
  type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
120
120
  default: undefined;
121
121
  };
122
+ /**
123
+ * Indicates the text anchor's text.
124
+ */
125
+ text: {
126
+ type: PropType<string>;
127
+ default: undefined;
128
+ };
129
+ /**
130
+ * The connotation Text-Anchor should have.
131
+ */
132
+ connotation: {
133
+ type: PropType<"accent" | "cta">;
134
+ default: undefined;
135
+ };
136
+ /**
137
+ * The appearance Text-Anchor should have.
138
+ */
139
+ appearance: {
140
+ type: PropType<"ghost" | "ghost-light">;
141
+ default: undefined;
142
+ };
122
143
  /**
123
144
  * Prompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.
124
145
  */
@@ -175,27 +196,6 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
175
196
  type: PropType<string>;
176
197
  default: undefined;
177
198
  };
178
- /**
179
- * Indicates the text anchor's text.
180
- */
181
- text: {
182
- type: PropType<string>;
183
- default: undefined;
184
- };
185
- /**
186
- * The connotation Text-Anchor should have.
187
- */
188
- connotation: {
189
- type: PropType<"accent" | "cta">;
190
- default: undefined;
191
- };
192
- /**
193
- * The appearance Text-Anchor should have.
194
- */
195
- appearance: {
196
- type: PropType<"ghost" | "ghost-light">;
197
- default: undefined;
198
- };
199
199
  }>>, {
200
200
  ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
201
201
  type: string;
@@ -22,6 +22,27 @@ declare const _default: import("vue").DefineComponent<{
22
22
  type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
23
23
  default: undefined;
24
24
  };
25
+ /**
26
+ * Indicates the text anchor's text.
27
+ */
28
+ text: {
29
+ type: PropType<string>;
30
+ default: undefined;
31
+ };
32
+ /**
33
+ * The connotation Text-Anchor should have.
34
+ */
35
+ connotation: {
36
+ type: PropType<"accent" | "cta">;
37
+ default: undefined;
38
+ };
39
+ /**
40
+ * The appearance Text-Anchor should have.
41
+ */
42
+ appearance: {
43
+ type: PropType<"ghost" | "ghost-light">;
44
+ default: undefined;
45
+ };
25
46
  /**
26
47
  * Prompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.
27
48
  */
@@ -78,27 +99,6 @@ declare const _default: import("vue").DefineComponent<{
78
99
  type: PropType<string>;
79
100
  default: undefined;
80
101
  };
81
- /**
82
- * Indicates the text anchor's text.
83
- */
84
- text: {
85
- type: PropType<string>;
86
- default: undefined;
87
- };
88
- /**
89
- * The connotation Text-Anchor should have.
90
- */
91
- connotation: {
92
- type: PropType<"accent" | "cta">;
93
- default: undefined;
94
- };
95
- /**
96
- * The appearance Text-Anchor should have.
97
- */
98
- appearance: {
99
- type: PropType<"ghost" | "ghost-light">;
100
- default: undefined;
101
- };
102
102
  }, {
103
103
  componentName: import("vue").Ref<string>;
104
104
  element: import("vue").Ref<NavItem | null>;
@@ -151,6 +151,27 @@ declare const _default: import("vue").DefineComponent<{
151
151
  type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
152
152
  default: undefined;
153
153
  };
154
+ /**
155
+ * Indicates the text anchor's text.
156
+ */
157
+ text: {
158
+ type: PropType<string>;
159
+ default: undefined;
160
+ };
161
+ /**
162
+ * The connotation Text-Anchor should have.
163
+ */
164
+ connotation: {
165
+ type: PropType<"accent" | "cta">;
166
+ default: undefined;
167
+ };
168
+ /**
169
+ * The appearance Text-Anchor should have.
170
+ */
171
+ appearance: {
172
+ type: PropType<"ghost" | "ghost-light">;
173
+ default: undefined;
174
+ };
154
175
  /**
155
176
  * Prompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.
156
177
  */
@@ -207,27 +228,6 @@ declare const _default: import("vue").DefineComponent<{
207
228
  type: PropType<string>;
208
229
  default: undefined;
209
230
  };
210
- /**
211
- * Indicates the text anchor's text.
212
- */
213
- text: {
214
- type: PropType<string>;
215
- default: undefined;
216
- };
217
- /**
218
- * The connotation Text-Anchor should have.
219
- */
220
- connotation: {
221
- type: PropType<"accent" | "cta">;
222
- default: undefined;
223
- };
224
- /**
225
- * The appearance Text-Anchor should have.
226
- */
227
- appearance: {
228
- type: PropType<"ghost" | "ghost-light">;
229
- default: undefined;
230
- };
231
231
  }>> & {
232
232
  onKeydown?: ((event: KeyboardEvent) => any) | undefined;
233
233
  onClick?: ((event: MouseEvent) => any) | undefined;
@@ -145,7 +145,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
145
145
  /**
146
146
  * Places the thumb based on the current value
147
147
  */
148
- setThumbPositionForOrientation(direction: "ltr" | "rtl"): void;
148
+ setThumbPositionForOrientation(_: "ltr" | "rtl", direction: unknown): void;
149
149
  }, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "change" | "update:modelValue")[], string, Readonly<import("vue").ExtractPropTypes<{
150
150
  /**
151
151
  * Indicates the element that represents the current item within a container or set of related elements.
@@ -146,7 +146,7 @@ declare const _default: import("vue").DefineComponent<{
146
146
  /**
147
147
  * Places the thumb based on the current value
148
148
  */
149
- setThumbPositionForOrientation(direction: "ltr" | "rtl"): void;
149
+ setThumbPositionForOrientation(_: "ltr" | "rtl", direction: unknown): void;
150
150
  }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
151
151
  /**
152
152
  * Fires when a pointing device button (such as a mouse's primary mouse button) is both pressed and released while the pointer is located inside the element.
@@ -13,7 +13,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
13
13
  * The connotation the split button should have.
14
14
  */
15
15
  connotation: {
16
- type: PropType<"accent" | "cta" | "success" | "alert">;
16
+ type: PropType<"accent" | "announcement" | "cta" | "success" | "alert">;
17
17
  default: undefined;
18
18
  };
19
19
  /**
@@ -98,7 +98,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
98
98
  * The connotation the split button should have.
99
99
  */
100
100
  connotation: {
101
- type: PropType<"accent" | "cta" | "success" | "alert">;
101
+ type: PropType<"accent" | "announcement" | "cta" | "success" | "alert">;
102
102
  default: undefined;
103
103
  };
104
104
  /**
@@ -175,7 +175,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
175
175
  shape: "rounded" | "pill";
176
176
  appearance: "ghost" | "filled" | "outlined";
177
177
  ariaLabel: string;
178
- connotation: "accent" | "success" | "alert" | "cta";
178
+ connotation: "accent" | "success" | "announcement" | "alert" | "cta";
179
179
  disabled: boolean;
180
180
  ariaExpanded: string;
181
181
  label: string;
@@ -14,7 +14,7 @@ declare const _default: import("vue").DefineComponent<{
14
14
  * The connotation the split button should have.
15
15
  */
16
16
  connotation: {
17
- type: PropType<"accent" | "cta" | "success" | "alert">;
17
+ type: PropType<"accent" | "announcement" | "cta" | "success" | "alert">;
18
18
  default: undefined;
19
19
  };
20
20
  /**
@@ -140,7 +140,7 @@ declare const _default: import("vue").DefineComponent<{
140
140
  * The connotation the split button should have.
141
141
  */
142
142
  connotation: {
143
- type: PropType<"accent" | "cta" | "success" | "alert">;
143
+ type: PropType<"accent" | "announcement" | "cta" | "success" | "alert">;
144
144
  default: undefined;
145
145
  };
146
146
  /**
@@ -226,7 +226,7 @@ declare const _default: import("vue").DefineComponent<{
226
226
  shape: "rounded" | "pill";
227
227
  appearance: "ghost" | "filled" | "outlined";
228
228
  ariaLabel: string;
229
- connotation: "accent" | "success" | "alert" | "cta";
229
+ connotation: "accent" | "success" | "announcement" | "alert" | "cta";
230
230
  disabled: boolean;
231
231
  ariaExpanded: string;
232
232
  label: string;