@vonage/vivid 3.25.0 → 3.26.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 (120) hide show
  1. package/accordion/index.js +0 -1
  2. package/accordion-item/index.js +0 -1
  3. package/alert/index.js +0 -1
  4. package/avatar/index.js +0 -1
  5. package/badge/index.js +0 -1
  6. package/banner/index.js +0 -1
  7. package/breadcrumb-item/index.js +0 -1
  8. package/button/index.js +0 -1
  9. package/card/index.js +0 -1
  10. package/checkbox/index.js +0 -1
  11. package/combobox/index.js +0 -1
  12. package/custom-elements.json +35 -1
  13. package/data-grid/index.js +7 -2
  14. package/dialog/index.js +0 -1
  15. package/empty-state/index.js +0 -1
  16. package/fab/index.js +0 -1
  17. package/icon/index.js +0 -1
  18. package/index.js +27 -29
  19. package/lib/components.d.ts +0 -2
  20. package/lib/data-grid/data-grid-cell.d.ts +14 -1
  21. package/lib/data-grid/data-grid.options.d.ts +7 -0
  22. package/listbox/index.js +56 -11
  23. package/menu/index.js +2 -3
  24. package/menu-item/index.js +1 -2
  25. package/nav/index.js +1 -1
  26. package/nav-disclosure/index.js +1 -2
  27. package/nav-item/index.js +1 -2
  28. package/note/index.js +1 -2
  29. package/number-field/index.js +1 -2
  30. package/option/index.js +0 -1
  31. package/package.json +1 -1
  32. package/pagination/index.js +1 -2
  33. package/popup/index.js +0 -1
  34. package/progress/index.js +1 -1
  35. package/radio/index.js +1 -1
  36. package/radio-group/index.js +1 -1
  37. package/select/index.js +1 -2
  38. package/shared/definition.js +1 -1
  39. package/shared/definition10.js +1 -1
  40. package/shared/definition11.js +1 -1
  41. package/shared/definition12.js +1 -1
  42. package/shared/definition14.js +1 -1
  43. package/shared/definition15.js +1 -1
  44. package/shared/definition16.js +2 -2
  45. package/shared/definition17.js +1 -1
  46. package/shared/definition18.js +1 -1
  47. package/shared/definition19.js +1 -1
  48. package/shared/definition2.js +1 -1
  49. package/shared/definition21.js +1 -1
  50. package/shared/definition22.js +68 -21
  51. package/shared/definition23.js +1 -1
  52. package/shared/definition24.js +1 -1
  53. package/shared/definition25.js +1 -1
  54. package/shared/definition26.js +1 -1
  55. package/shared/definition27.js +1 -1
  56. package/shared/definition29.js +368 -48
  57. package/shared/definition30.js +301 -296
  58. package/shared/definition31.js +14 -376
  59. package/shared/definition32.js +70 -13
  60. package/shared/definition33.js +25 -66
  61. package/shared/definition34.js +39 -27
  62. package/shared/definition35.js +431 -31
  63. package/shared/definition36.js +214 -430
  64. package/shared/definition37.js +70 -209
  65. package/shared/definition38.js +33 -81
  66. package/shared/definition39.js +423 -32
  67. package/shared/definition4.js +1 -1
  68. package/shared/definition40.js +586 -358
  69. package/shared/definition41.js +73 -648
  70. package/shared/definition42.js +584 -70
  71. package/shared/definition43.js +81 -538
  72. package/shared/definition44.js +52 -127
  73. package/shared/definition45.js +16 -56
  74. package/shared/definition46.js +485 -17
  75. package/shared/definition47.js +99 -477
  76. package/shared/definition48.js +19 -114
  77. package/shared/definition49.js +276 -19
  78. package/shared/definition5.js +1 -1
  79. package/shared/definition50.js +89 -245
  80. package/shared/definition51.js +627 -118
  81. package/shared/definition52.js +86 -601
  82. package/shared/definition53.js +68 -112
  83. package/shared/definition54.js +294 -69
  84. package/shared/definition6.js +1 -1
  85. package/shared/definition7.js +1 -1
  86. package/shared/definition8.js +1 -1
  87. package/shared/definition9.js +1 -1
  88. package/shared/es.object.assign.js +1 -1
  89. package/shared/es.regexp.to-string.js +1 -1
  90. package/shared/es.string.includes.js +1 -1
  91. package/shared/form-elements.js +1 -1
  92. package/shared/icon.js +17 -13
  93. package/shared/index.js +1 -1
  94. package/shared/patterns/form-elements/form-elements.d.ts +4 -4
  95. package/shared/string-trim.js +1 -1
  96. package/shared/text-field.js +1 -1
  97. package/shared/to-string.js +1 -1
  98. package/side-drawer/index.js +1 -1
  99. package/slider/index.js +1 -1
  100. package/styles/core/all.css +1 -1
  101. package/styles/core/theme.css +1 -1
  102. package/styles/core/typography.css +1 -1
  103. package/styles/tokens/theme-dark.css +4 -4
  104. package/styles/tokens/theme-light.css +4 -4
  105. package/switch/index.js +1 -2
  106. package/tab/index.js +1 -2
  107. package/tab-panel/index.js +1 -1
  108. package/tabs/index.js +3 -4
  109. package/tag/index.js +1 -2
  110. package/tag-group/index.js +1 -1
  111. package/text-anchor/index.js +0 -1
  112. package/text-area/index.js +1 -2
  113. package/text-field/index.js +1 -2
  114. package/toggletip/index.js +1 -2
  115. package/tooltip/index.js +1 -2
  116. package/tree-item/index.js +1 -2
  117. package/tree-view/index.js +1 -1
  118. package/vivid.api.json +0 -191
  119. package/shared/definition55.js +0 -305
  120. package/shared/engine-is-node.js +0 -8
@@ -3,7 +3,6 @@ import '../shared/index.js';
3
3
  import '../shared/definition2.js';
4
4
  import '../shared/definition3.js';
5
5
  import '../shared/icon.js';
6
- import '../shared/engine-is-node.js';
7
6
  import '../shared/to-string.js';
8
7
  import '../shared/string-trim.js';
9
8
  import '../shared/_has.js';
@@ -2,7 +2,6 @@ import { r as registerAccordionItem } from '../shared/definition2.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/definition3.js';
4
4
  import '../shared/icon.js';
5
- import '../shared/engine-is-node.js';
6
5
  import '../shared/to-string.js';
7
6
  import '../shared/string-trim.js';
8
7
  import '../shared/_has.js';
package/alert/index.js CHANGED
@@ -3,7 +3,6 @@ import '../shared/index.js';
3
3
  import '../shared/definition7.js';
4
4
  import '../shared/definition3.js';
5
5
  import '../shared/icon.js';
6
- import '../shared/engine-is-node.js';
7
6
  import '../shared/to-string.js';
8
7
  import '../shared/string-trim.js';
9
8
  import '../shared/_has.js';
package/avatar/index.js CHANGED
@@ -2,7 +2,6 @@ import { r as registerAvatar } from '../shared/definition10.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/definition3.js';
4
4
  import '../shared/icon.js';
5
- import '../shared/engine-is-node.js';
6
5
  import '../shared/to-string.js';
7
6
  import '../shared/string-trim.js';
8
7
  import '../shared/_has.js';
package/badge/index.js CHANGED
@@ -2,7 +2,6 @@ import { r as registerBadge } from '../shared/definition11.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/definition3.js';
4
4
  import '../shared/icon.js';
5
- import '../shared/engine-is-node.js';
6
5
  import '../shared/to-string.js';
7
6
  import '../shared/string-trim.js';
8
7
  import '../shared/_has.js';
package/banner/index.js CHANGED
@@ -3,7 +3,6 @@ import '../shared/index.js';
3
3
  import '../shared/definition7.js';
4
4
  import '../shared/definition3.js';
5
5
  import '../shared/icon.js';
6
- import '../shared/engine-is-node.js';
7
6
  import '../shared/to-string.js';
8
7
  import '../shared/string-trim.js';
9
8
  import '../shared/_has.js';
@@ -2,7 +2,6 @@ import { r as registerBreadcrumbItem } from '../shared/definition14.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/definition3.js';
4
4
  import '../shared/icon.js';
5
- import '../shared/engine-is-node.js';
6
5
  import '../shared/to-string.js';
7
6
  import '../shared/string-trim.js';
8
7
  import '../shared/_has.js';
package/button/index.js CHANGED
@@ -2,7 +2,6 @@ import { r as registerButton } from '../shared/definition7.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/definition3.js';
4
4
  import '../shared/icon.js';
5
- import '../shared/engine-is-node.js';
6
5
  import '../shared/to-string.js';
7
6
  import '../shared/string-trim.js';
8
7
  import '../shared/_has.js';
package/card/index.js CHANGED
@@ -2,7 +2,6 @@ import { r as registerCard } from '../shared/definition17.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/definition3.js';
4
4
  import '../shared/icon.js';
5
- import '../shared/engine-is-node.js';
6
5
  import '../shared/to-string.js';
7
6
  import '../shared/string-trim.js';
8
7
  import '../shared/_has.js';
package/checkbox/index.js CHANGED
@@ -2,7 +2,6 @@ import { r as registerCheckbox } from '../shared/definition18.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/definition3.js';
4
4
  import '../shared/icon.js';
5
- import '../shared/engine-is-node.js';
6
5
  import '../shared/to-string.js';
7
6
  import '../shared/string-trim.js';
8
7
  import '../shared/_has.js';
package/combobox/index.js CHANGED
@@ -2,7 +2,6 @@ import { r as registerCombobox } from '../shared/definition19.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/definition3.js';
4
4
  import '../shared/icon.js';
5
- import '../shared/engine-is-node.js';
6
5
  import '../shared/to-string.js';
7
6
  import '../shared/string-trim.js';
8
7
  import '../shared/_has.js';
@@ -3050,6 +3050,14 @@
3050
3050
  },
3051
3051
  "default": "null"
3052
3052
  },
3053
+ {
3054
+ "kind": "field",
3055
+ "name": "ariaSort",
3056
+ "type": {
3057
+ "text": "string | null"
3058
+ },
3059
+ "default": "null"
3060
+ },
3053
3061
  {
3054
3062
  "kind": "method",
3055
3063
  "name": "ariaSelectedChanged",
@@ -3105,6 +3113,14 @@
3105
3113
  },
3106
3114
  "default": "null",
3107
3115
  "fieldName": "ariaSelected"
3116
+ },
3117
+ {
3118
+ "name": "aria-sort",
3119
+ "type": {
3120
+ "text": "string | null"
3121
+ },
3122
+ "default": "null",
3123
+ "fieldName": "ariaSort"
3108
3124
  }
3109
3125
  ],
3110
3126
  "superclass": {
@@ -3223,6 +3239,16 @@
3223
3239
  "kind": "javascript-module",
3224
3240
  "path": "libs/components/src/lib/data-grid/data-grid.options.ts",
3225
3241
  "declarations": [
3242
+ {
3243
+ "kind": "variable",
3244
+ "name": "DataGridCellSortStates",
3245
+ "type": {
3246
+ "text": "{\n\tnone: 'none',\n\tascending: 'ascending',\n\tdescending: 'descending',\n\tother: 'other'\n}"
3247
+ },
3248
+ "default": "{\n\tnone: 'none',\n\tascending: 'ascending',\n\tdescending: 'descending',\n\tother: 'other'\n}",
3249
+ "description": "Enumerates the data grid auto generated header options\ndefault option generates a non-sticky header row",
3250
+ "privacy": "public"
3251
+ },
3226
3252
  {
3227
3253
  "kind": "variable",
3228
3254
  "name": "GenerateHeaderOptions",
@@ -3275,6 +3301,14 @@
3275
3301
  }
3276
3302
  ],
3277
3303
  "exports": [
3304
+ {
3305
+ "kind": "js",
3306
+ "name": "DataGridCellSortStates",
3307
+ "declaration": {
3308
+ "name": "DataGridCellSortStates",
3309
+ "module": "libs/components/src/lib/data-grid/data-grid.options.ts"
3310
+ }
3311
+ },
3278
3312
  {
3279
3313
  "kind": "js",
3280
3314
  "name": "GenerateHeaderOptions",
@@ -3482,7 +3516,7 @@
3482
3516
  "type": {
3483
3517
  "text": "array"
3484
3518
  },
3485
- "default": "[dataGridCell, dataGridRow, dataGrid]"
3519
+ "default": "[dataGridCell, dataGridRow, dataGrid, ...iconRegistries]"
3486
3520
  },
3487
3521
  {
3488
3522
  "kind": "variable",
@@ -1,9 +1,14 @@
1
1
  import { r as registerDataGrid } from '../shared/definition22.js';
2
2
  import '../shared/index.js';
3
- import '../shared/es.string.includes.js';
3
+ import '../shared/definition3.js';
4
+ import '../shared/icon.js';
4
5
  import '../shared/to-string.js';
6
+ import '../shared/string-trim.js';
7
+ import '../shared/_has.js';
8
+ import '../shared/class-names.js';
9
+ import '../shared/when.js';
10
+ import '../shared/es.string.includes.js';
5
11
  import '../shared/es.regexp.to-string.js';
6
- import '../shared/engine-is-node.js';
7
12
  import '../shared/key-codes.js';
8
13
  import '../shared/repeat.js';
9
14
  import '../shared/node-observation.js';
package/dialog/index.js CHANGED
@@ -2,7 +2,6 @@ import { r as registerDialog } from '../shared/definition23.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/definition3.js';
4
4
  import '../shared/icon.js';
5
- import '../shared/engine-is-node.js';
6
5
  import '../shared/to-string.js';
7
6
  import '../shared/string-trim.js';
8
7
  import '../shared/_has.js';
@@ -2,7 +2,6 @@ import { r as registerEmptyState } from '../shared/definition25.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/definition3.js';
4
4
  import '../shared/icon.js';
5
- import '../shared/engine-is-node.js';
6
5
  import '../shared/to-string.js';
7
6
  import '../shared/string-trim.js';
8
7
  import '../shared/_has.js';
package/fab/index.js CHANGED
@@ -2,7 +2,6 @@ import { r as registerFab } from '../shared/definition26.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/definition3.js';
4
4
  import '../shared/icon.js';
5
- import '../shared/engine-is-node.js';
6
5
  import '../shared/to-string.js';
7
6
  import '../shared/string-trim.js';
8
7
  import '../shared/_has.js';
package/icon/index.js CHANGED
@@ -1,7 +1,6 @@
1
1
  import { r as registerIcon } from '../shared/definition3.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/icon.js';
4
- import '../shared/engine-is-node.js';
5
4
  import '../shared/to-string.js';
6
5
  import '../shared/string-trim.js';
7
6
  import '../shared/_has.js';
package/index.js CHANGED
@@ -13,7 +13,6 @@ export { c as calendarEventDefinition, a as calendarEventRegistries, r as regist
13
13
  export { c as cardDefinition, a as cardRegistries, r as registerCard } from './shared/definition17.js';
14
14
  export { c as checkboxDefinition, a as checkboxRegistries, r as registerCheckbox } from './shared/definition18.js';
15
15
  export { c as combobox, a as comboboxRegistries, r as registerCombobox } from './shared/definition19.js';
16
- export { a as elevationDefinition, e as elevationRegistries, r as registerElevation } from './shared/definition8.js';
17
16
  export { e as emptyStateDefinition, a as emptyStateRegistries, r as registerEmptyState } from './shared/definition25.js';
18
17
  export { d as dialogDefinition, a as dialogRegistries, r as registerDialog } from './shared/definition23.js';
19
18
  export { a as dividerDefinition, d as dividerRegistries, r as registerDivider } from './shared/definition24.js';
@@ -22,36 +21,35 @@ export { f as fabDefinition, a as fabRegistries, r as registerFab } from './shar
22
21
  export { h as headerDefinition, a as headerRegistries, r as registerHeader } from './shared/definition27.js';
23
22
  export { a as iconDefinition, i as iconRegistries, r as registerIcon } from './shared/definition3.js';
24
23
  export { l as layoutDefinition, a as layoutRegistries, r as registerLayout } from './shared/definition28.js';
25
- export { l as listboxDefinition, a as listboxRegistries, r as registerListbox } from './shared/definition29.js';
26
24
  export { a as listboxOptionDefinition, l as listboxOptionRegistries, r as registerOption } from './shared/definition21.js';
27
- export { m as menuDefinition, a as menuRegistries, r as registerMenu } from './shared/definition30.js';
28
- export { c as menuItemDefinition, m as menuItemRegistries, b as registerMenuItem } from './shared/definition31.js';
29
- export { n as navDefinition, a as navRegistries, r as registerNav } from './shared/definition32.js';
30
- export { n as navDisclosureDefinition, a as navDisclosureRegistries, r as registerNavDisclosure } from './shared/definition33.js';
31
- export { n as navItemDefinition, a as navItemRegistries, r as registerNavItem } from './shared/definition34.js';
32
- export { n as noteDefinition, a as noteRegistries, r as registerNote } from './shared/definition35.js';
33
- export { n as numberFieldDefinition, a as numberFieldRegistries, r as registerNumberField } from './shared/definition36.js';
34
- export { p as paginationDefinition, a as paginationRegistries, r as registerPagination } from './shared/definition37.js';
25
+ export { m as menuDefinition, a as menuRegistries, r as registerMenu } from './shared/definition29.js';
26
+ export { c as menuItemDefinition, m as menuItemRegistries, b as registerMenuItem } from './shared/definition30.js';
27
+ export { n as navDefinition, a as navRegistries, r as registerNav } from './shared/definition31.js';
28
+ export { n as navDisclosureDefinition, a as navDisclosureRegistries, r as registerNavDisclosure } from './shared/definition32.js';
29
+ export { n as navItemDefinition, a as navItemRegistries, r as registerNavItem } from './shared/definition33.js';
30
+ export { n as noteDefinition, a as noteRegistries, r as registerNote } from './shared/definition34.js';
31
+ export { n as numberFieldDefinition, a as numberFieldRegistries, r as registerNumberField } from './shared/definition35.js';
32
+ export { p as paginationDefinition, a as paginationRegistries, r as registerPagination } from './shared/definition36.js';
35
33
  export { a as popupDefinition, p as popupRegistries, r as registerPopup } from './shared/definition20.js';
36
- export { p as progressDefinition, a as progressRegistries, r as registerProgress } from './shared/definition38.js';
34
+ export { p as progressDefinition, a as progressRegistries, r as registerProgress } from './shared/definition37.js';
37
35
  export { a as progressRingDefinition, p as progressRingRegistries, r as registerProgressRing } from './shared/definition9.js';
38
- export { a as radioDefinition, b as radioRegistries, r as registerRadio } from './shared/definition39.js';
39
- export { a as radioGroupDefinition, b as radioGroupRegistries, r as registerRadioGroup } from './shared/definition40.js';
40
- export { r as registerSelect, s as selectDefinition, a as selectRegistries } from './shared/definition41.js';
41
- export { r as registerSideDrawer, s as sideDrawerDefinition, a as sideDrawerRegistries } from './shared/definition42.js';
42
- export { r as registerSlider, s as sliderDefinition, a as sliderRegistries } from './shared/definition43.js';
43
- export { r as registerSwitch, s as switchDefinition, a as switchRegistries } from './shared/definition44.js';
44
- export { r as registerTextField, t as textFieldDefinition, a as textFieldRegistries } from './shared/definition51.js';
45
- export { r as registerTextArea, t as textAreaDefinition, a as textAreaRegistries } from './shared/definition50.js';
46
- export { r as registerToggletip, t as toggletipDefinition, a as toggletipRegistries } from './shared/definition52.js';
47
- export { r as registerTooltip, t as tooltipDefinition, a as tooltipRegistries } from './shared/definition53.js';
48
- export { r as registerTabs, t as tabsDefinition, a as tabsRegistries } from './shared/definition47.js';
49
- export { r as registerTab, a as tabDefinition, t as tabRegistries } from './shared/definition45.js';
50
- export { r as registerTabPanel, a as tabPanelDefinition, t as tabPanelRegistries } from './shared/definition46.js';
51
- export { r as registerTreeView, t as treeViewDefinition, a as treeViewRegistries } from './shared/definition55.js';
52
- export { r as registerTreeItem, t as treeItemDefinition, a as treeItemRegistries } from './shared/definition54.js';
53
- export { r as registerTag, t as tagDefinition } from './shared/definition48.js';
54
- export { r as registerTagGroup, t as tagGroupDefinition, a as tagGroupRegistries } from './shared/definition49.js';
36
+ export { a as radioDefinition, b as radioRegistries, r as registerRadio } from './shared/definition38.js';
37
+ export { a as radioGroupDefinition, b as radioGroupRegistries, r as registerRadioGroup } from './shared/definition39.js';
38
+ export { r as registerSelect, s as selectDefinition, a as selectRegistries } from './shared/definition40.js';
39
+ export { r as registerSideDrawer, s as sideDrawerDefinition, a as sideDrawerRegistries } from './shared/definition41.js';
40
+ export { r as registerSlider, s as sliderDefinition, a as sliderRegistries } from './shared/definition42.js';
41
+ export { r as registerSwitch, s as switchDefinition, a as switchRegistries } from './shared/definition43.js';
42
+ export { r as registerTextField, t as textFieldDefinition, a as textFieldRegistries } from './shared/definition50.js';
43
+ export { r as registerTextArea, t as textAreaDefinition, a as textAreaRegistries } from './shared/definition49.js';
44
+ export { r as registerToggletip, t as toggletipDefinition, a as toggletipRegistries } from './shared/definition51.js';
45
+ export { r as registerTooltip, t as tooltipDefinition, a as tooltipRegistries } from './shared/definition52.js';
46
+ export { r as registerTabs, t as tabsDefinition, a as tabsRegistries } from './shared/definition46.js';
47
+ export { r as registerTab, a as tabDefinition, t as tabRegistries } from './shared/definition44.js';
48
+ export { r as registerTabPanel, a as tabPanelDefinition, t as tabPanelRegistries } from './shared/definition45.js';
49
+ export { r as registerTreeView, t as treeViewDefinition, a as treeViewRegistries } from './shared/definition54.js';
50
+ export { r as registerTreeItem, t as treeItemDefinition, a as treeItemRegistries } from './shared/definition53.js';
51
+ export { r as registerTag, t as tagDefinition } from './shared/definition47.js';
52
+ export { r as registerTagGroup, t as tagGroupDefinition, a as tagGroupRegistries } from './shared/definition48.js';
55
53
  export { ae as designSystem, r as registerFactory } from './shared/index.js';
56
54
  import './shared/key-codes.js';
57
55
  import './shared/numbers.js';
@@ -62,7 +60,6 @@ import './shared/definition4.js';
62
60
  import './shared/focus.js';
63
61
  import './shared/affix.js';
64
62
  import './shared/icon.js';
65
- import './shared/engine-is-node.js';
66
63
  import './shared/to-string.js';
67
64
  import './shared/string-trim.js';
68
65
  import './shared/_has.js';
@@ -71,6 +68,7 @@ import './shared/ref.js';
71
68
  import './shared/apply-mixins.js';
72
69
  import './shared/focus2.js';
73
70
  import './shared/when.js';
71
+ import './shared/definition8.js';
74
72
  import './shared/form-elements.js';
75
73
  import './shared/button.js';
76
74
  import './shared/form-associated.js';
@@ -13,7 +13,6 @@ export * from './calendar-event/definition';
13
13
  export * from './card/definition';
14
14
  export * from './checkbox/definition';
15
15
  export * from './combobox/definition';
16
- export * from './elevation/definition';
17
16
  export * from './empty-state/definition';
18
17
  export * from './dialog/definition';
19
18
  export * from './divider/definition';
@@ -22,7 +21,6 @@ export * from './fab/definition';
22
21
  export * from './header/definition';
23
22
  export * from './icon/definition';
24
23
  export * from './layout/definition';
25
- export * from './listbox/definition';
26
24
  export * from './option/definition';
27
25
  export * from './menu/definition';
28
26
  export * from './menu-item/definition';
@@ -1,9 +1,22 @@
1
- import { DataGridCell as FoundationDataGridCell } from '@microsoft/fast-foundation';
1
+ import { ColumnDefinition, DataGridCell as FoundationDataGridCell } from '@microsoft/fast-foundation';
2
+ import type { DataGridCellSortStates } from './data-grid.options';
3
+ declare interface ColumnDefinitionExtended extends ColumnDefinition {
4
+ sortDirection?: DataGridCellSortStates | null;
5
+ sortable?: boolean | undefined;
6
+ }
7
+ declare interface DataGridCellExtension {
8
+ columnDefinition: ColumnDefinitionExtended | null;
9
+ }
2
10
  export declare class DataGridCell extends FoundationDataGridCell {
3
11
  ariaSelected: string | null;
12
+ ariaSort: string | null;
4
13
  ariaSelectedChanged(_: string | null, selectedState: string | null): void;
5
14
  connectedCallback(): void;
6
15
  handleFocusin(e: FocusEvent): void;
7
16
  handleFocusout(e: FocusEvent): void;
8
17
  constructor();
9
18
  }
19
+ export interface DataGridCell extends DataGridCellExtension {
20
+ columnDefinition: ColumnDefinitionExtended | null;
21
+ }
22
+ export {};
@@ -1,4 +1,11 @@
1
1
  export declare type ValuesOf<T> = T[keyof T];
2
+ export declare const DataGridCellSortStates: {
3
+ readonly none: "none";
4
+ readonly ascending: "ascending";
5
+ readonly descending: "descending";
6
+ readonly other: "other";
7
+ };
8
+ export declare type DataGridCellSortStates = ValuesOf<typeof DataGridCellSortStates>;
2
9
  export declare const GenerateHeaderOptions: {
3
10
  readonly none: "none";
4
11
  readonly default: "default";
package/listbox/index.js CHANGED
@@ -1,29 +1,74 @@
1
- import { r as registerListbox } from '../shared/definition29.js';
2
- import '../shared/index.js';
3
- import '../shared/definition4.js';
1
+ import { h as html, r as registerFactory } from '../shared/index.js';
2
+ import { f as focusRegistries } from '../shared/definition4.js';
3
+ import { l as listboxOptionRegistries } from '../shared/definition21.js';
4
+ import { b as ListboxElement, a as Listbox } from '../shared/listbox.js';
5
+ import '../shared/affix.js';
6
+ import { f as focusTemplateFactory } from '../shared/focus2.js';
7
+ import '../shared/form-elements.js';
8
+ import { s as slotted } from '../shared/slotted.js';
9
+ import { c as classNames } from '../shared/class-names.js';
4
10
  import '../shared/focus.js';
5
- import '../shared/definition21.js';
6
11
  import '../shared/definition3.js';
7
12
  import '../shared/icon.js';
8
- import '../shared/engine-is-node.js';
9
13
  import '../shared/to-string.js';
10
14
  import '../shared/string-trim.js';
11
15
  import '../shared/_has.js';
12
- import '../shared/class-names.js';
13
16
  import '../shared/when.js';
14
- import '../shared/affix.js';
15
17
  import '../shared/aria-global.js';
16
18
  import '../shared/start-end.js';
17
19
  import '../shared/ref.js';
18
20
  import '../shared/apply-mixins.js';
19
21
  import '../shared/dom.js';
20
- import '../shared/focus2.js';
21
- import '../shared/form-elements.js';
22
- import '../shared/listbox.js';
23
22
  import '../shared/key-codes.js';
24
23
  import '../shared/strings.js';
25
24
  import '../shared/numbers.js';
26
- import '../shared/slotted.js';
27
25
  import '../shared/node-observation.js';
28
26
 
27
+ let _ = t => t,
28
+ _t;
29
+ const getClasses = ({
30
+ appearance,
31
+ disabled
32
+ }) => classNames('base', ['disabled', disabled], [`appearance-${appearance}`, Boolean(appearance)]);
33
+ const ListboxTemplate = context => {
34
+ const focusTemplate = focusTemplateFactory(context);
35
+ return html(_t || (_t = _`
36
+ <template
37
+ aria-activedescendant="${0}"
38
+ aria-multiselectable="${0}"
39
+ aria-label="listbox"
40
+ role="listbox"
41
+ @click="${0}"
42
+ @focusin="${0}"
43
+ @keydown="${0}"
44
+ @mousedown="${0}"
45
+ tabindex="${0}"
46
+ >
47
+ <div
48
+ class="${0}"
49
+ >
50
+ ${0}
51
+
52
+ <slot
53
+ ${0}
54
+ ></slot>
55
+ </div>
56
+ </template>
57
+ `), x => x.ariaActiveDescendant, x => x.ariaMultiSelectable, (x, c) => x.clickHandler(c.event), (x, c) => x.focusinHandler(c.event), (x, c) => x.keydownHandler(c.event), (x, c) => x.mousedownHandler(c.event), x => !x.disabled ? '0' : null, getClasses, () => focusTemplate, slotted({
58
+ filter: ListboxElement.slottedOptionFilter,
59
+ flatten: true,
60
+ property: 'slottedOptions'
61
+ }));
62
+ };
63
+
64
+ var css_248z = "/**\n * Do not edit directly\n * Generated on Tue, 25 Jul 2023 07:38:24 GMT\n */\n:host {\n display: block;\n inline-size: fit-content;\n}\n\n:host(:focus-within) {\n outline: none;\n}\n\n.base {\n position: relative;\n display: flex;\n flex-direction: column;\n padding: 4px;\n background-color: var(--_appearance-color-fill);\n border-radius: 6px;\n box-shadow: inset 0 0 0 1px var(--_appearance-color-outline);\n contain: paint;\n gap: 4px;\n}\n.base {\n /* @cssprop [--vvd-listbox-accent-backdrop=var(--vvd-color-canvas)] */\n --_connotation-color-backdrop: var(--vvd-listbox-accent-backdrop, var(--vvd-color-canvas));\n /* @cssprop [--vvd-listbox-accent-intermediate=var(--vvd-color-neutral-500)] */\n --_connotation-color-intermediate: var(--vvd-listbox-accent-intermediate, var(--vvd-color-neutral-500));\n /* @cssprop [--vvd-listbox-accent-primary=var(--vvd-color-canvas-text)] */\n --_connotation-color-primary: var(--vvd-listbox-accent-primary, var(--vvd-color-canvas-text));\n /* @cssprop [--vvd-listbox-accent-soft=var(--vvd-color-neutral-100)] */\n --_connotation-color-soft: var(--vvd-listbox-accent-soft, var(--vvd-color-neutral-100));\n}\n.base {\n --_appearance-color-text: var(--vvd-color-canvas-text);\n --_appearance-color-fill: var(--_connotation-color-backdrop);\n --_appearance-color-outline: var(--_connotation-color-intermediate);\n}\n.base.appearance-ghost {\n --_appearance-color-text: var(--_connotation-color-primary);\n --_appearance-color-fill: transparent;\n --_appearance-color-outline: transparent;\n}\n.base:where(:disabled, .disabled) {\n --_appearance-color-text: var(--vvd-color-neutral-300);\n --_appearance-color-fill: var(--vvd-color-neutral-100);\n --_appearance-color-outline: var(--vvd-color-neutral-300);\n}\n.base:where(:disabled, .disabled).appearance-ghost {\n --_appearance-color-text: var(--vvd-color-neutral-300);\n --_appearance-color-fill: transparent;\n --_appearance-color-outline: transparent;\n}\n\n.focus-indicator {\n pointer-events: none;\n}\n:host(:not(:focus-within)) .focus-indicator {\n display: none;\n}\n\n.base.disabled ::slotted([role=option]) {\n --_option-appearance-color-text: var(--_appearance-color-outline);\n cursor: not-allowed;\n pointer-events: none;\n}";
65
+
66
+ const listboxDefinition = Listbox.compose({
67
+ baseName: 'listbox',
68
+ template: ListboxTemplate,
69
+ styles: css_248z
70
+ });
71
+ const listboxRegistries = [listboxDefinition(), ...listboxOptionRegistries, ...focusRegistries];
72
+ const registerListbox = registerFactory(listboxRegistries);
73
+
29
74
  registerListbox();
package/menu/index.js CHANGED
@@ -1,10 +1,9 @@
1
- import { r as registerMenu } from '../shared/definition30.js';
1
+ import { r as registerMenu } from '../shared/definition29.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/definition20.js';
4
4
  import '../shared/definition7.js';
5
5
  import '../shared/definition3.js';
6
6
  import '../shared/icon.js';
7
- import '../shared/engine-is-node.js';
8
7
  import '../shared/to-string.js';
9
8
  import '../shared/string-trim.js';
10
9
  import '../shared/_has.js';
@@ -25,7 +24,7 @@ import '../shared/ref.js';
25
24
  import '../shared/focus2.js';
26
25
  import '../shared/definition8.js';
27
26
  import '../shared/es.object.assign.js';
28
- import '../shared/definition31.js';
27
+ import '../shared/definition30.js';
29
28
  import '../shared/direction.js';
30
29
  import '../shared/slotted.js';
31
30
  import '../shared/node-observation.js';
@@ -1,8 +1,7 @@
1
- import { b as registerMenuItem } from '../shared/definition31.js';
1
+ import { b as registerMenuItem } from '../shared/definition30.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/definition3.js';
4
4
  import '../shared/icon.js';
5
- import '../shared/engine-is-node.js';
6
5
  import '../shared/to-string.js';
7
6
  import '../shared/string-trim.js';
8
7
  import '../shared/_has.js';
package/nav/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { r as registerNav } from '../shared/definition32.js';
1
+ import { r as registerNav } from '../shared/definition31.js';
2
2
  import '../shared/index.js';
3
3
 
4
4
  registerNav();
@@ -1,8 +1,7 @@
1
- import { r as registerNavDisclosure } from '../shared/definition33.js';
1
+ import { r as registerNavDisclosure } from '../shared/definition32.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/definition3.js';
4
4
  import '../shared/icon.js';
5
- import '../shared/engine-is-node.js';
6
5
  import '../shared/to-string.js';
7
6
  import '../shared/string-trim.js';
8
7
  import '../shared/_has.js';
package/nav-item/index.js CHANGED
@@ -1,8 +1,7 @@
1
- import { r as registerNavItem } from '../shared/definition34.js';
1
+ import { r as registerNavItem } from '../shared/definition33.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/definition3.js';
4
4
  import '../shared/icon.js';
5
- import '../shared/engine-is-node.js';
6
5
  import '../shared/to-string.js';
7
6
  import '../shared/string-trim.js';
8
7
  import '../shared/_has.js';
package/note/index.js CHANGED
@@ -1,8 +1,7 @@
1
- import { r as registerNote } from '../shared/definition35.js';
1
+ import { r as registerNote } from '../shared/definition34.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/definition3.js';
4
4
  import '../shared/icon.js';
5
- import '../shared/engine-is-node.js';
6
5
  import '../shared/to-string.js';
7
6
  import '../shared/string-trim.js';
8
7
  import '../shared/_has.js';
@@ -1,9 +1,8 @@
1
- import { r as registerNumberField } from '../shared/definition36.js';
1
+ import { r as registerNumberField } from '../shared/definition35.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/definition7.js';
4
4
  import '../shared/definition3.js';
5
5
  import '../shared/icon.js';
6
- import '../shared/engine-is-node.js';
7
6
  import '../shared/to-string.js';
8
7
  import '../shared/string-trim.js';
9
8
  import '../shared/_has.js';
package/option/index.js CHANGED
@@ -2,7 +2,6 @@ import { r as registerOption } from '../shared/definition21.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/definition3.js';
4
4
  import '../shared/icon.js';
5
- import '../shared/engine-is-node.js';
6
5
  import '../shared/to-string.js';
7
6
  import '../shared/string-trim.js';
8
7
  import '../shared/_has.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid",
3
- "version": "3.25.0",
3
+ "version": "3.26.0",
4
4
  "type": "module",
5
5
  "module": "./index.js",
6
6
  "main": "./index.js",
@@ -1,9 +1,8 @@
1
- import { r as registerPagination } from '../shared/definition37.js';
1
+ import { r as registerPagination } from '../shared/definition36.js';
2
2
  import '../shared/definition7.js';
3
3
  import '../shared/index.js';
4
4
  import '../shared/definition3.js';
5
5
  import '../shared/icon.js';
6
- import '../shared/engine-is-node.js';
7
6
  import '../shared/to-string.js';
8
7
  import '../shared/string-trim.js';
9
8
  import '../shared/_has.js';
package/popup/index.js CHANGED
@@ -3,7 +3,6 @@ import '../shared/index.js';
3
3
  import '../shared/definition7.js';
4
4
  import '../shared/definition3.js';
5
5
  import '../shared/icon.js';
6
- import '../shared/engine-is-node.js';
7
6
  import '../shared/to-string.js';
8
7
  import '../shared/string-trim.js';
9
8
  import '../shared/_has.js';
package/progress/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { r as registerProgress } from '../shared/definition38.js';
1
+ import { r as registerProgress } from '../shared/definition37.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/base-progress.js';
4
4
  import '../shared/when.js';
package/radio/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { r as registerRadio } from '../shared/definition39.js';
1
+ import { r as registerRadio } from '../shared/definition38.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/definition4.js';
4
4
  import '../shared/focus.js';
@@ -1,4 +1,4 @@
1
- import { r as registerRadioGroup } from '../shared/definition40.js';
1
+ import { r as registerRadioGroup } from '../shared/definition39.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/direction.js';
4
4
  import '../shared/key-codes.js';
package/select/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { r as registerSelect } from '../shared/definition41.js';
1
+ import { r as registerSelect } from '../shared/definition40.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/definition4.js';
4
4
  import '../shared/focus.js';
@@ -6,7 +6,6 @@ import '../shared/definition20.js';
6
6
  import '../shared/definition7.js';
7
7
  import '../shared/definition3.js';
8
8
  import '../shared/icon.js';
9
- import '../shared/engine-is-node.js';
10
9
  import '../shared/to-string.js';
11
10
  import '../shared/string-trim.js';
12
11
  import '../shared/_has.js';