@vonage/vivid 4.5.0 → 4.6.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 (170) hide show
  1. package/custom-elements.json +1091 -187
  2. package/elevation/index.cjs +1 -1
  3. package/elevation/index.js +1 -1
  4. package/index.cjs +62 -56
  5. package/index.js +20 -19
  6. package/lib/components.d.ts +1 -0
  7. package/lib/menu/menu.d.ts +2 -1
  8. package/lib/number-field/number-field.d.ts +3 -1
  9. package/lib/searchable-select/definition.d.ts +4 -0
  10. package/lib/searchable-select/locale.d.ts +6 -0
  11. package/lib/searchable-select/option-tag.d.ts +14 -0
  12. package/lib/searchable-select/option-tag.template.d.ts +4 -0
  13. package/lib/searchable-select/searchable-select.d.ts +29 -0
  14. package/lib/searchable-select/searchable-select.form-associated.d.ts +10 -0
  15. package/lib/searchable-select/searchable-select.template.d.ts +4 -0
  16. package/lib/select/select.d.ts +3 -1
  17. package/lib/tab/locale.d.ts +3 -0
  18. package/lib/tab/tab.d.ts +5 -1
  19. package/lib/tag/definition.d.ts +1 -0
  20. package/lib/text-field/text-field.d.ts +3 -1
  21. package/locales/de-DE.cjs +12 -0
  22. package/locales/de-DE.js +12 -0
  23. package/locales/en-GB.cjs +12 -0
  24. package/locales/en-GB.js +12 -0
  25. package/locales/en-US.cjs +12 -0
  26. package/locales/en-US.js +12 -0
  27. package/locales/ja-JP.cjs +12 -0
  28. package/locales/ja-JP.js +12 -0
  29. package/locales/zh-CN.cjs +12 -0
  30. package/locales/zh-CN.js +12 -0
  31. package/package.json +1 -1
  32. package/popup/index.cjs +1 -1
  33. package/popup/index.js +1 -1
  34. package/searchable-select/index.cjs +5 -0
  35. package/searchable-select/index.js +3 -0
  36. package/select/index.cjs +1 -1
  37. package/select/index.js +1 -1
  38. package/selectable-box/index.cjs +1 -1
  39. package/selectable-box/index.js +1 -1
  40. package/shared/definition11.cjs +1 -1
  41. package/shared/definition11.js +1 -1
  42. package/shared/definition14.cjs +1 -1
  43. package/shared/definition14.js +1 -1
  44. package/shared/definition16.cjs +1 -1
  45. package/shared/definition16.js +1 -1
  46. package/shared/definition18.cjs +2 -2
  47. package/shared/definition18.js +2 -2
  48. package/shared/definition19.cjs +2 -2
  49. package/shared/definition19.js +2 -2
  50. package/shared/definition20.cjs +14 -34
  51. package/shared/definition20.js +14 -34
  52. package/shared/definition21.cjs +1 -1
  53. package/shared/definition21.js +1 -1
  54. package/shared/definition26.cjs +1 -1
  55. package/shared/definition26.js +1 -1
  56. package/shared/definition29.cjs +4 -0
  57. package/shared/definition29.js +4 -0
  58. package/shared/definition30.cjs +2 -1
  59. package/shared/definition30.js +2 -1
  60. package/shared/definition35.cjs +12 -7
  61. package/shared/definition35.js +12 -7
  62. package/shared/definition36.cjs +50 -207
  63. package/shared/definition36.js +51 -207
  64. package/shared/definition4.cjs +1 -1
  65. package/shared/definition4.js +1 -1
  66. package/shared/definition42.cjs +1 -1
  67. package/shared/definition42.js +1 -1
  68. package/shared/definition43.cjs +993 -645
  69. package/shared/definition43.js +989 -642
  70. package/shared/definition44.cjs +723 -112
  71. package/shared/definition44.js +722 -111
  72. package/shared/definition45.cjs +121 -80
  73. package/shared/definition45.js +119 -78
  74. package/shared/definition46.cjs +81 -614
  75. package/shared/definition46.js +80 -612
  76. package/shared/definition47.cjs +608 -114
  77. package/shared/definition47.js +606 -113
  78. package/shared/definition48.cjs +116 -134
  79. package/shared/definition48.js +115 -133
  80. package/shared/definition49.cjs +149 -19
  81. package/shared/definition49.js +148 -18
  82. package/shared/definition5.cjs +1 -1
  83. package/shared/definition5.js +1 -1
  84. package/shared/definition50.cjs +21 -82
  85. package/shared/definition50.js +20 -81
  86. package/shared/definition51.cjs +77 -539
  87. package/shared/definition51.js +76 -538
  88. package/shared/definition52.cjs +568 -28
  89. package/shared/definition52.js +567 -27
  90. package/shared/definition53.cjs +28 -123
  91. package/shared/definition53.js +26 -122
  92. package/shared/definition54.cjs +115 -295
  93. package/shared/definition54.js +114 -294
  94. package/shared/definition55.cjs +251 -311
  95. package/shared/definition55.js +251 -311
  96. package/shared/definition56.cjs +299 -780
  97. package/shared/definition56.js +298 -779
  98. package/shared/definition57.cjs +800 -102
  99. package/shared/definition57.js +799 -101
  100. package/shared/definition58.cjs +92 -63
  101. package/shared/definition58.js +91 -62
  102. package/shared/definition59.cjs +117 -75
  103. package/shared/definition59.js +116 -74
  104. package/shared/definition60.cjs +70 -285
  105. package/shared/definition60.js +71 -286
  106. package/shared/definition61.cjs +274 -66146
  107. package/shared/definition61.js +273 -66145
  108. package/shared/definition62.cjs +66160 -27
  109. package/shared/definition62.js +66158 -25
  110. package/shared/definition63.cjs +24 -1952
  111. package/shared/definition63.js +23 -1950
  112. package/shared/definition64.cjs +1976 -0
  113. package/shared/definition64.js +1971 -0
  114. package/shared/listbox-option.cjs +204 -0
  115. package/shared/listbox-option.js +201 -0
  116. package/shared/listbox.cjs +3 -3
  117. package/shared/listbox.js +1 -1
  118. package/shared/localization/Locale.d.ts +4 -0
  119. package/shared/presentationDate.cjs +2 -2
  120. package/shared/presentationDate.js +2 -2
  121. package/shared/scrollIntoView.cjs +51 -0
  122. package/shared/scrollIntoView.js +49 -0
  123. package/shared/slider.template.cjs +1 -1
  124. package/shared/slider.template.js +1 -1
  125. package/shared/text-field.cjs +1 -1
  126. package/shared/text-field.js +1 -1
  127. package/shared/utils/scrollIntoView.d.ts +1 -0
  128. package/side-drawer/index.cjs +1 -1
  129. package/side-drawer/index.js +1 -1
  130. package/slider/index.cjs +1 -1
  131. package/slider/index.js +1 -1
  132. package/split-button/index.cjs +1 -1
  133. package/split-button/index.js +1 -1
  134. package/styles/core/all.css +1 -1
  135. package/styles/core/theme.css +1 -1
  136. package/styles/core/typography.css +1 -1
  137. package/styles/tokens/theme-dark.css +4 -4
  138. package/styles/tokens/theme-light.css +4 -4
  139. package/styles/tokens/vivid-2-compat.css +1 -1
  140. package/switch/index.cjs +1 -1
  141. package/switch/index.js +1 -1
  142. package/tab/index.cjs +1 -1
  143. package/tab/index.js +1 -1
  144. package/tab-panel/index.cjs +1 -1
  145. package/tab-panel/index.js +1 -1
  146. package/tabs/index.cjs +1 -1
  147. package/tabs/index.js +1 -1
  148. package/tag/index.cjs +1 -1
  149. package/tag/index.js +1 -1
  150. package/tag-group/index.cjs +1 -1
  151. package/tag-group/index.js +1 -1
  152. package/text-area/index.cjs +1 -1
  153. package/text-area/index.js +1 -1
  154. package/text-field/index.cjs +1 -1
  155. package/text-field/index.js +1 -1
  156. package/time-picker/index.cjs +1 -1
  157. package/time-picker/index.js +1 -1
  158. package/toggletip/index.cjs +1 -1
  159. package/toggletip/index.js +1 -1
  160. package/tooltip/index.cjs +1 -1
  161. package/tooltip/index.js +1 -1
  162. package/tree-item/index.cjs +1 -1
  163. package/tree-item/index.js +1 -1
  164. package/tree-view/index.cjs +1 -1
  165. package/tree-view/index.js +1 -1
  166. package/video-player/index.cjs +1 -1
  167. package/video-player/index.js +1 -1
  168. package/vivid.api.json +295 -0
  169. package/api-extractor.json +0 -25
  170. package/tsdoc-metadata.json +0 -11
@@ -1,5 +1,5 @@
1
1
  'use strict';
2
2
 
3
- const definition = require('../shared/definition62.cjs');
3
+ const definition = require('../shared/definition63.cjs');
4
4
 
5
5
  definition.registerElevation();
@@ -1,3 +1,3 @@
1
- import { r as registerElevation } from '../shared/definition62.js';
1
+ import { r as registerElevation } from '../shared/definition63.js';
2
2
 
3
3
  registerElevation();
package/index.cjs CHANGED
@@ -66,6 +66,7 @@ const definition$V = require('./shared/definition58.cjs');
66
66
  const definition$W = require('./shared/definition59.cjs');
67
67
  const definition$X = require('./shared/definition60.cjs');
68
68
  const definition$Y = require('./shared/definition61.cjs');
69
+ const definition$Z = require('./shared/definition62.cjs');
69
70
 
70
71
 
71
72
 
@@ -212,59 +213,64 @@ exports.registerRadio = definition$E.registerRadio;
212
213
  exports.rangeSliderDefinition = definition$F.rangeSliderDefinition;
213
214
  exports.rangeSliderRegistries = definition$F.rangeSliderRegistries;
214
215
  exports.registerRangeSlider = definition$F.registerRangeSlider;
215
- exports.registerSelect = definition$G.registerSelect;
216
- exports.selectDefinition = definition$G.selectDefinition;
217
- exports.selectRegistries = definition$G.selectRegistries;
218
- exports.registerSelectableBox = definition$H.registerSelectableBox;
219
- exports.selectableBoxDefinition = definition$H.selectableBoxDefinition;
220
- exports.selectableBoxRegistries = definition$H.selectableBoxRegistries;
221
- exports.registerSideDrawer = definition$I.registerSideDrawer;
222
- exports.sideDrawerDefinition = definition$I.sideDrawerDefinition;
223
- exports.sideDrawerRegistries = definition$I.sideDrawerRegistries;
224
- exports.registerSlider = definition$J.registerSlider;
225
- exports.sliderDefinition = definition$J.sliderDefinition;
226
- exports.sliderRegistries = definition$J.sliderRegistries;
227
- exports.registerSplitButton = definition$K.registerSplitButton;
228
- exports.splitButtonDefinition = definition$K.splitButtonDefinition;
229
- exports.splitButtonRegistries = definition$K.splitButtonRegistries;
230
- exports.registerSwitch = definition$L.registerSwitch;
231
- exports.switchDefinition = definition$L.switchDefinition;
232
- exports.switchRegistries = definition$L.switchRegistries;
233
- exports.registerTabPanel = definition$M.registerTabPanel;
234
- exports.tabPanelDefinition = definition$M.tabPanelDefinition;
235
- exports.tabPanelRegistries = definition$M.tabPanelRegistries;
236
- exports.registerTab = definition$N.registerTab;
237
- exports.tabDefinition = definition$N.tabDefinition;
238
- exports.tabRegistries = definition$N.tabRegistries;
239
- exports.registerTabs = definition$O.registerTabs;
240
- exports.tabsDefinition = definition$O.tabsDefinition;
241
- exports.tabsRegistries = definition$O.tabsRegistries;
242
- exports.registerTagGroup = definition$P.registerTagGroup;
243
- exports.tagGroupDefinition = definition$P.tagGroupDefinition;
244
- exports.tagGroupRegistries = definition$P.tagGroupRegistries;
245
- exports.registerTag = definition$Q.registerTag;
246
- exports.tagDefinition = definition$Q.tagDefinition;
247
- exports.registerTextArea = definition$R.registerTextArea;
248
- exports.textAreaDefinition = definition$R.textAreaDefinition;
249
- exports.textAreaRegistries = definition$R.textAreaRegistries;
250
- exports.registerTextField = definition$S.registerTextField;
251
- exports.textFieldDefinition = definition$S.textFieldDefinition;
252
- exports.textFieldRegistries = definition$S.textFieldRegistries;
253
- exports.registerTimePicker = definition$T.registerTimePicker;
254
- exports.timePickerDefinition = definition$T.timePickerDefinition;
255
- exports.timePickerRegistries = definition$T.timePickerRegistries;
256
- exports.registerToggletip = definition$U.registerToggletip;
257
- exports.toggletipDefinition = definition$U.toggletipDefinition;
258
- exports.toggletipRegistries = definition$U.toggletipRegistries;
259
- exports.registerTooltip = definition$V.registerTooltip;
260
- exports.tooltipDefinition = definition$V.tooltipDefinition;
261
- exports.tooltipRegistries = definition$V.tooltipRegistries;
262
- exports.registerTreeItem = definition$W.registerTreeItem;
263
- exports.treeItemDefinition = definition$W.treeItemDefinition;
264
- exports.treeItemRegistries = definition$W.treeItemRegistries;
265
- exports.registerTreeView = definition$X.registerTreeView;
266
- exports.treeViewDefinition = definition$X.treeViewDefinition;
267
- exports.treeViewRegistries = definition$X.treeViewRegistries;
268
- exports.registerVideoPlayer = definition$Y.registerVideoPlayer;
269
- exports.videoPlayerDefinition = definition$Y.videoPlayerDefinition;
270
- exports.videoPlayerRegistries = definition$Y.videoPlayerRegistries;
216
+ exports.optionTagDefinition = definition$G.optionTagDefinition;
217
+ exports.registerSearchableSelect = definition$G.registerSearchableSelect;
218
+ exports.searchableSelectDefinition = definition$G.searchableSelectDefinition;
219
+ exports.searchableSelectRegistries = definition$G.searchableSelectRegistries;
220
+ exports.registerSelect = definition$H.registerSelect;
221
+ exports.selectDefinition = definition$H.selectDefinition;
222
+ exports.selectRegistries = definition$H.selectRegistries;
223
+ exports.registerSelectableBox = definition$I.registerSelectableBox;
224
+ exports.selectableBoxDefinition = definition$I.selectableBoxDefinition;
225
+ exports.selectableBoxRegistries = definition$I.selectableBoxRegistries;
226
+ exports.registerSideDrawer = definition$J.registerSideDrawer;
227
+ exports.sideDrawerDefinition = definition$J.sideDrawerDefinition;
228
+ exports.sideDrawerRegistries = definition$J.sideDrawerRegistries;
229
+ exports.registerSlider = definition$K.registerSlider;
230
+ exports.sliderDefinition = definition$K.sliderDefinition;
231
+ exports.sliderRegistries = definition$K.sliderRegistries;
232
+ exports.registerSplitButton = definition$L.registerSplitButton;
233
+ exports.splitButtonDefinition = definition$L.splitButtonDefinition;
234
+ exports.splitButtonRegistries = definition$L.splitButtonRegistries;
235
+ exports.registerSwitch = definition$M.registerSwitch;
236
+ exports.switchDefinition = definition$M.switchDefinition;
237
+ exports.switchRegistries = definition$M.switchRegistries;
238
+ exports.registerTabPanel = definition$N.registerTabPanel;
239
+ exports.tabPanelDefinition = definition$N.tabPanelDefinition;
240
+ exports.tabPanelRegistries = definition$N.tabPanelRegistries;
241
+ exports.registerTab = definition$O.registerTab;
242
+ exports.tabDefinition = definition$O.tabDefinition;
243
+ exports.tabRegistries = definition$O.tabRegistries;
244
+ exports.registerTabs = definition$P.registerTabs;
245
+ exports.tabsDefinition = definition$P.tabsDefinition;
246
+ exports.tabsRegistries = definition$P.tabsRegistries;
247
+ exports.registerTagGroup = definition$Q.registerTagGroup;
248
+ exports.tagGroupDefinition = definition$Q.tagGroupDefinition;
249
+ exports.tagGroupRegistries = definition$Q.tagGroupRegistries;
250
+ exports.registerTag = definition$R.registerTag;
251
+ exports.tagDefinition = definition$R.tagDefinition;
252
+ exports.tagRegistries = definition$R.tagRegistries;
253
+ exports.registerTextArea = definition$S.registerTextArea;
254
+ exports.textAreaDefinition = definition$S.textAreaDefinition;
255
+ exports.textAreaRegistries = definition$S.textAreaRegistries;
256
+ exports.registerTextField = definition$T.registerTextField;
257
+ exports.textFieldDefinition = definition$T.textFieldDefinition;
258
+ exports.textFieldRegistries = definition$T.textFieldRegistries;
259
+ exports.registerTimePicker = definition$U.registerTimePicker;
260
+ exports.timePickerDefinition = definition$U.timePickerDefinition;
261
+ exports.timePickerRegistries = definition$U.timePickerRegistries;
262
+ exports.registerToggletip = definition$V.registerToggletip;
263
+ exports.toggletipDefinition = definition$V.toggletipDefinition;
264
+ exports.toggletipRegistries = definition$V.toggletipRegistries;
265
+ exports.registerTooltip = definition$W.registerTooltip;
266
+ exports.tooltipDefinition = definition$W.tooltipDefinition;
267
+ exports.tooltipRegistries = definition$W.tooltipRegistries;
268
+ exports.registerTreeItem = definition$X.registerTreeItem;
269
+ exports.treeItemDefinition = definition$X.treeItemDefinition;
270
+ exports.treeItemRegistries = definition$X.treeItemRegistries;
271
+ exports.registerTreeView = definition$Y.registerTreeView;
272
+ exports.treeViewDefinition = definition$Y.treeViewDefinition;
273
+ exports.treeViewRegistries = definition$Y.treeViewRegistries;
274
+ exports.registerVideoPlayer = definition$Z.registerVideoPlayer;
275
+ exports.videoPlayerDefinition = definition$Z.videoPlayerDefinition;
276
+ exports.videoPlayerRegistries = definition$Z.videoPlayerRegistries;
package/index.js CHANGED
@@ -43,22 +43,23 @@ export { p as progressDefinition, a as progressRegistries, r as registerProgress
43
43
  export { r as radioGroupDefinition, a as radioGroupRegistries, b as registerRadioGroup } from './shared/definition40.js';
44
44
  export { r as radioDefinition, a as radioRegistries, b as registerRadio } from './shared/definition41.js';
45
45
  export { r as rangeSliderDefinition, a as rangeSliderRegistries, b as registerRangeSlider } from './shared/definition42.js';
46
- export { r as registerSelect, s as selectDefinition, a as selectRegistries } from './shared/definition43.js';
47
- export { r as registerSelectableBox, s as selectableBoxDefinition, a as selectableBoxRegistries } from './shared/definition44.js';
48
- export { r as registerSideDrawer, s as sideDrawerDefinition, a as sideDrawerRegistries } from './shared/definition45.js';
49
- export { r as registerSlider, s as sliderDefinition, a as sliderRegistries } from './shared/definition46.js';
50
- export { r as registerSplitButton, s as splitButtonDefinition, a as splitButtonRegistries } from './shared/definition47.js';
51
- export { r as registerSwitch, s as switchDefinition, a as switchRegistries } from './shared/definition48.js';
52
- export { r as registerTabPanel, t as tabPanelDefinition, a as tabPanelRegistries } from './shared/definition49.js';
53
- export { r as registerTab, t as tabDefinition, a as tabRegistries } from './shared/definition50.js';
54
- export { r as registerTabs, t as tabsDefinition, a as tabsRegistries } from './shared/definition51.js';
55
- export { r as registerTagGroup, t as tagGroupDefinition, a as tagGroupRegistries } from './shared/definition52.js';
56
- export { r as registerTag, t as tagDefinition } from './shared/definition53.js';
57
- export { r as registerTextArea, t as textAreaDefinition, a as textAreaRegistries } from './shared/definition54.js';
58
- export { r as registerTextField, t as textFieldDefinition, a as textFieldRegistries } from './shared/definition55.js';
59
- export { r as registerTimePicker, t as timePickerDefinition, a as timePickerRegistries } from './shared/definition56.js';
60
- export { r as registerToggletip, t as toggletipDefinition, a as toggletipRegistries } from './shared/definition57.js';
61
- export { r as registerTooltip, t as tooltipDefinition, a as tooltipRegistries } from './shared/definition58.js';
62
- export { r as registerTreeItem, t as treeItemDefinition, a as treeItemRegistries } from './shared/definition59.js';
63
- export { r as registerTreeView, t as treeViewDefinition, a as treeViewRegistries } from './shared/definition60.js';
64
- export { r as registerVideoPlayer, v as videoPlayerDefinition, a as videoPlayerRegistries } from './shared/definition61.js';
46
+ export { o as optionTagDefinition, r as registerSearchableSelect, s as searchableSelectDefinition, a as searchableSelectRegistries } from './shared/definition43.js';
47
+ export { r as registerSelect, s as selectDefinition, a as selectRegistries } from './shared/definition44.js';
48
+ export { r as registerSelectableBox, s as selectableBoxDefinition, a as selectableBoxRegistries } from './shared/definition45.js';
49
+ export { r as registerSideDrawer, s as sideDrawerDefinition, a as sideDrawerRegistries } from './shared/definition46.js';
50
+ export { r as registerSlider, s as sliderDefinition, a as sliderRegistries } from './shared/definition47.js';
51
+ export { r as registerSplitButton, s as splitButtonDefinition, a as splitButtonRegistries } from './shared/definition48.js';
52
+ export { r as registerSwitch, s as switchDefinition, a as switchRegistries } from './shared/definition49.js';
53
+ export { r as registerTabPanel, t as tabPanelDefinition, a as tabPanelRegistries } from './shared/definition50.js';
54
+ export { r as registerTab, t as tabDefinition, a as tabRegistries } from './shared/definition51.js';
55
+ export { r as registerTabs, t as tabsDefinition, a as tabsRegistries } from './shared/definition52.js';
56
+ export { r as registerTagGroup, t as tagGroupDefinition, a as tagGroupRegistries } from './shared/definition53.js';
57
+ export { r as registerTag, t as tagDefinition, a as tagRegistries } from './shared/definition54.js';
58
+ export { r as registerTextArea, t as textAreaDefinition, a as textAreaRegistries } from './shared/definition55.js';
59
+ export { r as registerTextField, t as textFieldDefinition, a as textFieldRegistries } from './shared/definition56.js';
60
+ export { r as registerTimePicker, t as timePickerDefinition, a as timePickerRegistries } from './shared/definition57.js';
61
+ export { r as registerToggletip, t as toggletipDefinition, a as toggletipRegistries } from './shared/definition58.js';
62
+ export { r as registerTooltip, t as tooltipDefinition, a as tooltipRegistries } from './shared/definition59.js';
63
+ export { r as registerTreeItem, t as treeItemDefinition, a as treeItemRegistries } from './shared/definition60.js';
64
+ export { r as registerTreeView, t as treeViewDefinition, a as treeViewRegistries } from './shared/definition61.js';
65
+ export { r as registerVideoPlayer, v as videoPlayerDefinition, a as videoPlayerRegistries } from './shared/definition62.js';
@@ -40,6 +40,7 @@ export * from './progress/definition';
40
40
  export * from './radio-group/definition';
41
41
  export * from './radio/definition';
42
42
  export * from './range-slider/definition';
43
+ export * from './searchable-select/definition';
43
44
  export * from './select/definition';
44
45
  export * from './selectable-box/definition';
45
46
  export * from './side-drawer/definition';
@@ -1,5 +1,5 @@
1
1
  import { Menu as FastMenu } from '@microsoft/fast-foundation';
2
- import type { Placement } from '@floating-ui/dom';
2
+ import type { Placement, Strategy } from '@floating-ui/dom';
3
3
  import { type Anchored } from '../../shared/patterns/anchored';
4
4
  export declare class Menu extends FastMenu {
5
5
  #private;
@@ -7,6 +7,7 @@ export declare class Menu extends FastMenu {
7
7
  placement?: Placement;
8
8
  trigger?: 'auto' | 'legacy' | 'off';
9
9
  autoDismiss: boolean;
10
+ positionStrategy?: Strategy;
10
11
  open: boolean;
11
12
  openChanged(_: boolean, newValue: boolean): void;
12
13
  constructor();
@@ -1,9 +1,10 @@
1
1
  import { DelegatesARIATextbox } from '@microsoft/fast-foundation';
2
- import type { Appearance, Shape } from '../enums';
2
+ import type { Appearance, Shape, Size } from '../enums';
3
3
  import { AffixIcon, type ErrorText, type FormElement, FormElementCharCount, FormElementHelperText, FormElementSuccessText, Localized } from '../../shared/patterns';
4
4
  import { FormAssociatedNumberField } from './number-field.form-associated';
5
5
  export type NumberFieldAppearance = Extract<Appearance, Appearance.Fieldset | Appearance.Ghost>;
6
6
  export type NumberFieldShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
7
+ export type NumberFieldSize = Extract<Size, Size.Condensed | Size.Normal>;
7
8
  export declare class NumberField extends FormAssociatedNumberField {
8
9
  #private;
9
10
  readOnly: boolean;
@@ -13,6 +14,7 @@ export declare class NumberField extends FormAssociatedNumberField {
13
14
  maxlength: number;
14
15
  minlength: number;
15
16
  size: number;
17
+ scale?: NumberFieldSize;
16
18
  step: number;
17
19
  stepChanged(_: number, next: number): void;
18
20
  max: number;
@@ -0,0 +1,4 @@
1
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export declare const optionTagDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
3
+ export declare const searchableSelectDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
4
+ export declare const registerSearchableSelect: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -0,0 +1,6 @@
1
+ export interface SearchableSelectLocale {
2
+ clearButtonLabel: string;
3
+ noOptionsMessage: string;
4
+ noMatchesMessage: string;
5
+ removeTagButtonLabel: (label: string) => string;
6
+ }
@@ -0,0 +1,14 @@
1
+ import { FoundationElement } from '@microsoft/fast-foundation';
2
+ import { Shape } from '../enums';
3
+ import { Localized } from '../../shared/patterns';
4
+ export type OptionTagShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
5
+ export declare class OptionTag extends FoundationElement {
6
+ shape?: OptionTagShape;
7
+ label?: string;
8
+ removable: boolean;
9
+ disabled: boolean;
10
+ hasIconPlaceholder: boolean;
11
+ _onClickRemove(): void;
12
+ }
13
+ export interface OptionTag extends Localized {
14
+ }
@@ -0,0 +1,4 @@
1
+ import type { ViewTemplate } from '@microsoft/fast-element';
2
+ import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
+ import type { OptionTag } from './option-tag';
4
+ export declare const optionTagTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<OptionTag>;
@@ -0,0 +1,29 @@
1
+ import { Appearance, Shape } from '../enums';
2
+ import { AffixIconWithTrailing, type ErrorText, type FormElement, FormElementHelperText, FormElementSuccessText, Localized } from '../../shared/patterns';
3
+ import type { ListboxOption } from '../option/option';
4
+ import { FormAssociatedSearchableSelect } from './searchable-select.form-associated';
5
+ export type SearchableSelectAppearance = Extract<Appearance, Appearance.Fieldset | Appearance.Ghost>;
6
+ export type SearchableSelectShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
7
+ export declare class SearchableSelect extends FormAssociatedSearchableSelect {
8
+ #private;
9
+ appearance?: SearchableSelectAppearance;
10
+ shape?: SearchableSelectShape;
11
+ fixedDropdown: boolean;
12
+ placeholder: string | undefined;
13
+ open: boolean;
14
+ multiple: boolean;
15
+ externalTags: boolean;
16
+ maxLines: number | null;
17
+ values: string[];
18
+ initialValues: string[];
19
+ get selectedIndex(): number;
20
+ set selectedIndex(index: number);
21
+ get options(): ListboxOption[];
22
+ get selectedOptions(): ListboxOption[];
23
+ clearable: boolean;
24
+ setFormValue: (value: File | string | FormData | null, state?: File | string | FormData | null) => void;
25
+ connectedCallback(): void;
26
+ disconnectedCallback(): void;
27
+ }
28
+ export interface SearchableSelect extends AffixIconWithTrailing, FormElement, FormElementHelperText, ErrorText, FormElementSuccessText, Localized {
29
+ }
@@ -0,0 +1,10 @@
1
+ import { FormAssociated, FoundationElement } from '@microsoft/fast-foundation';
2
+ declare class _SearchableSelect extends FoundationElement {
3
+ }
4
+ interface _SearchableSelect extends FormAssociated {
5
+ }
6
+ declare const FormAssociatedSearchableSelect_base: typeof _SearchableSelect;
7
+ export declare class FormAssociatedSearchableSelect extends FormAssociatedSearchableSelect_base {
8
+ proxy: HTMLInputElement;
9
+ }
10
+ export {};
@@ -0,0 +1,4 @@
1
+ import { ViewTemplate } from '@microsoft/fast-element';
2
+ import { type ElementDefinitionContext, type FoundationElementDefinition } from '@microsoft/fast-foundation';
3
+ import type { SearchableSelect } from './searchable-select';
4
+ export declare const SearchableSelectTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<SearchableSelect>;
@@ -1,9 +1,11 @@
1
1
  import { Select as FoundationSelect } from '@microsoft/fast-foundation';
2
2
  import { AffixIconWithTrailing, type ErrorText, type FormElement, FormElementHelperText, FormElementSuccessText } from '../../shared/patterns';
3
- import type { Appearance, Shape } from '../enums';
3
+ import type { Appearance, Shape, Size } from '../enums';
4
4
  export type SelectAppearance = Extract<Appearance, Appearance.Fieldset | Appearance.Ghost>;
5
5
  export type SelectShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
6
+ export type SelectSize = Extract<Size, Size.Condensed | Size.Normal>;
6
7
  export declare class Select extends FoundationSelect {
8
+ scale?: SelectSize;
7
9
  appearance?: SelectAppearance;
8
10
  shape?: SelectShape;
9
11
  fixedDropdown: boolean;
@@ -0,0 +1,3 @@
1
+ export interface TabLocale {
2
+ dismissButtonLabel: string;
3
+ }
package/lib/tab/tab.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import { Tab as FoundationTab } from '@microsoft/fast-foundation';
2
2
  import { AffixIconWithTrailing } from '../../shared/patterns/affix';
3
+ import { Localized } from '../../shared/patterns';
3
4
  import type { Connotation, Shape } from '../enums.js';
4
5
  export type TabConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA>;
5
6
  export type TabShape = Extract<Shape, Shape.Rounded | Shape.Sharp>;
@@ -7,8 +8,11 @@ export declare class Tab extends FoundationTab {
7
8
  connotation?: TabConnotation;
8
9
  shape?: TabShape;
9
10
  label?: string;
11
+ removable: boolean;
10
12
  tabIndex: number;
11
13
  ariaSelected: string | null;
14
+ _handleCloseClick(e: Event): void;
15
+ _onKeyDown(e: KeyboardEvent): boolean;
12
16
  }
13
- export interface Tab extends AffixIconWithTrailing {
17
+ export interface Tab extends Localized, AffixIconWithTrailing {
14
18
  }
@@ -1,4 +1,5 @@
1
1
  import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
2
  export type { TagConnotation, TagAppearance, TagShape } from './tag';
3
3
  export declare const tagDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
4
+ export declare const tagRegistries: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
4
5
  export declare const registerTag: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -1,13 +1,15 @@
1
1
  import { TextField as FoundationTextfield } from '@microsoft/fast-foundation';
2
- import type { Appearance, Shape } from '../enums';
2
+ import type { Appearance, Shape, Size } from '../enums';
3
3
  import { AffixIcon, type ErrorText, type FormElement, FormElementCharCount, FormElementHelperText, FormElementSuccessText } from '../../shared/patterns';
4
4
  export type TextFieldAppearance = Extract<Appearance, Appearance.Fieldset | Appearance.Ghost>;
5
5
  export type TextFieldShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
6
+ export type TextFieldSize = Extract<Size, Size.Condensed | Size.Normal>;
6
7
  export declare class TextField extends FoundationTextfield {
7
8
  #private;
8
9
  appearance?: TextFieldAppearance;
9
10
  shape?: TextFieldShape;
10
11
  autoComplete?: string;
12
+ scale?: TextFieldSize;
11
13
  leadingActionItemsSlottedContent?: HTMLElement[];
12
14
  connectedCallback(): void;
13
15
  disconnectedCallback(): void;
package/locales/de-DE.cjs CHANGED
@@ -323,6 +323,18 @@ const deDE = {
323
323
  digitAsteriskLabel: "*",
324
324
  digitZeroLabel: "0",
325
325
  digitHashtagLabel: "#"
326
+ },
327
+ tab: {
328
+ dismissButtonLabel: "Drücken Sie die ENTF-Taste, um diese Registerkarte zu schließen"
329
+ },
330
+ searchableSelect: {
331
+ clearButtonLabel: "Löschen",
332
+ noOptionsMessage: "Keine Optionen",
333
+ noMatchesMessage: "Keine Optionen gefunden",
334
+ removeTagButtonLabel: (
335
+ /* istanbul ignore next */
336
+ (label) => `${label} entfernen`
337
+ )
326
338
  }
327
339
  };
328
340
 
package/locales/de-DE.js CHANGED
@@ -321,6 +321,18 @@ const deDE = {
321
321
  digitAsteriskLabel: "*",
322
322
  digitZeroLabel: "0",
323
323
  digitHashtagLabel: "#"
324
+ },
325
+ tab: {
326
+ dismissButtonLabel: "Drücken Sie die ENTF-Taste, um diese Registerkarte zu schließen"
327
+ },
328
+ searchableSelect: {
329
+ clearButtonLabel: "Löschen",
330
+ noOptionsMessage: "Keine Optionen",
331
+ noMatchesMessage: "Keine Optionen gefunden",
332
+ removeTagButtonLabel: (
333
+ /* istanbul ignore next */
334
+ (label) => `${label} entfernen`
335
+ )
324
336
  }
325
337
  };
326
338
 
package/locales/en-GB.cjs CHANGED
@@ -155,6 +155,18 @@ const enGB = {
155
155
  digitAsteriskLabel: "*",
156
156
  digitZeroLabel: "0",
157
157
  digitHashtagLabel: "#"
158
+ },
159
+ tab: {
160
+ dismissButtonLabel: "Press the DELETE key to close this tab"
161
+ },
162
+ searchableSelect: {
163
+ clearButtonLabel: "Clear",
164
+ noOptionsMessage: "No options",
165
+ noMatchesMessage: "No options found",
166
+ removeTagButtonLabel: (
167
+ /* istanbul ignore next */
168
+ (label) => `Remove ${label}`
169
+ )
158
170
  }
159
171
  };
160
172
 
package/locales/en-GB.js CHANGED
@@ -153,6 +153,18 @@ const enGB = {
153
153
  digitAsteriskLabel: "*",
154
154
  digitZeroLabel: "0",
155
155
  digitHashtagLabel: "#"
156
+ },
157
+ tab: {
158
+ dismissButtonLabel: "Press the DELETE key to close this tab"
159
+ },
160
+ searchableSelect: {
161
+ clearButtonLabel: "Clear",
162
+ noOptionsMessage: "No options",
163
+ noMatchesMessage: "No options found",
164
+ removeTagButtonLabel: (
165
+ /* istanbul ignore next */
166
+ (label) => `Remove ${label}`
167
+ )
156
168
  }
157
169
  };
158
170
 
package/locales/en-US.cjs CHANGED
@@ -323,6 +323,18 @@ const enUS = {
323
323
  digitAsteriskLabel: "*",
324
324
  digitZeroLabel: "0",
325
325
  digitHashtagLabel: "#"
326
+ },
327
+ tab: {
328
+ dismissButtonLabel: "Press the DELETE key to close this tab"
329
+ },
330
+ searchableSelect: {
331
+ clearButtonLabel: "Clear",
332
+ noOptionsMessage: "No options",
333
+ noMatchesMessage: "No options found",
334
+ removeTagButtonLabel: (
335
+ /* istanbul ignore next */
336
+ (label) => `Remove ${label}`
337
+ )
326
338
  }
327
339
  };
328
340
 
package/locales/en-US.js CHANGED
@@ -321,6 +321,18 @@ const enUS = {
321
321
  digitAsteriskLabel: "*",
322
322
  digitZeroLabel: "0",
323
323
  digitHashtagLabel: "#"
324
+ },
325
+ tab: {
326
+ dismissButtonLabel: "Press the DELETE key to close this tab"
327
+ },
328
+ searchableSelect: {
329
+ clearButtonLabel: "Clear",
330
+ noOptionsMessage: "No options",
331
+ noMatchesMessage: "No options found",
332
+ removeTagButtonLabel: (
333
+ /* istanbul ignore next */
334
+ (label) => `Remove ${label}`
335
+ )
324
336
  }
325
337
  };
326
338
 
package/locales/ja-JP.cjs CHANGED
@@ -322,6 +322,18 @@ const jaJP = {
322
322
  digitAsteriskLabel: "*",
323
323
  digitZeroLabel: "0",
324
324
  digitHashtagLabel: "#"
325
+ },
326
+ tab: {
327
+ dismissButtonLabel: "このタブを閉じるにはDELETEキーを押してください"
328
+ },
329
+ searchableSelect: {
330
+ clearButtonLabel: "クリア",
331
+ noOptionsMessage: "オプションがありません",
332
+ noMatchesMessage: "オプションが見つかりません",
333
+ removeTagButtonLabel: (
334
+ /* istanbul ignore next */
335
+ (label) => `${label}を削除`
336
+ )
325
337
  }
326
338
  };
327
339
 
package/locales/ja-JP.js CHANGED
@@ -320,6 +320,18 @@ const jaJP = {
320
320
  digitAsteriskLabel: "*",
321
321
  digitZeroLabel: "0",
322
322
  digitHashtagLabel: "#"
323
+ },
324
+ tab: {
325
+ dismissButtonLabel: "このタブを閉じるにはDELETEキーを押してください"
326
+ },
327
+ searchableSelect: {
328
+ clearButtonLabel: "クリア",
329
+ noOptionsMessage: "オプションがありません",
330
+ noMatchesMessage: "オプションが見つかりません",
331
+ removeTagButtonLabel: (
332
+ /* istanbul ignore next */
333
+ (label) => `${label}を削除`
334
+ )
323
335
  }
324
336
  };
325
337
 
package/locales/zh-CN.cjs CHANGED
@@ -324,6 +324,18 @@ const zhCN = {
324
324
  digitAsteriskLabel: "*",
325
325
  digitZeroLabel: "0",
326
326
  digitHashtagLabel: "#"
327
+ },
328
+ tab: {
329
+ dismissButtonLabel: "按 DELETE 键关闭此选项卡"
330
+ },
331
+ searchableSelect: {
332
+ clearButtonLabel: "清除",
333
+ noOptionsMessage: "没有选项",
334
+ noMatchesMessage: "未找到选项",
335
+ removeTagButtonLabel: (
336
+ /* istanbul ignore next */
337
+ (label) => `${label} 删除`
338
+ )
327
339
  }
328
340
  };
329
341
 
package/locales/zh-CN.js CHANGED
@@ -322,6 +322,18 @@ const zhCN = {
322
322
  digitAsteriskLabel: "*",
323
323
  digitZeroLabel: "0",
324
324
  digitHashtagLabel: "#"
325
+ },
326
+ tab: {
327
+ dismissButtonLabel: "按 DELETE 键关闭此选项卡"
328
+ },
329
+ searchableSelect: {
330
+ clearButtonLabel: "清除",
331
+ noOptionsMessage: "没有选项",
332
+ noMatchesMessage: "未找到选项",
333
+ removeTagButtonLabel: (
334
+ /* istanbul ignore next */
335
+ (label) => `${label} 删除`
336
+ )
325
337
  }
326
338
  };
327
339
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid",
3
- "version": "4.5.0",
3
+ "version": "4.6.0",
4
4
  "type": "module",
5
5
  "module": "./index.js",
6
6
  "main": "./index.cjs",
package/popup/index.cjs CHANGED
@@ -1,5 +1,5 @@
1
1
  'use strict';
2
2
 
3
- const definition = require('../shared/definition63.cjs');
3
+ const definition = require('../shared/definition64.cjs');
4
4
 
5
5
  definition.registerPopup();
package/popup/index.js CHANGED
@@ -1,3 +1,3 @@
1
- import { r as registerPopup } from '../shared/definition63.js';
1
+ import { r as registerPopup } from '../shared/definition64.js';
2
2
 
3
3
  registerPopup();
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ const definition = require('../shared/definition43.cjs');
4
+
5
+ definition.registerSearchableSelect();
@@ -0,0 +1,3 @@
1
+ import { r as registerSearchableSelect } from '../shared/definition43.js';
2
+
3
+ registerSearchableSelect();