@vonage/vivid 3.25.0 → 3.27.0

package/README.md

@@ -161,6 +161,8 @@ This project is licensed under the Apache 2.0 License - see the [LICENSE.md](htt
 - [Fast](https://www.fast.design) - to extend element classes and compile code to native web components
 - [Typescript](https://www.typescriptlang.org) - for ergonomic and type-safe code
 - [Sass](https://sass-lang.com) - for styles authoring extensibility and consistency
+- [Floating UI](https://floating-ui.com) - for positioning floating elements
+- [Dropzone](https://dropzone.dev) - for handling dropped files
 
 ---
 ## Have questions?

package/accordion/index.js

@@ -3,7 +3,6 @@ import '../shared/index.js';
 import '../shared/definition2.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
-import '../shared/engine-is-node.js';
 import '../shared/to-string.js';
 import '../shared/string-trim.js';
 import '../shared/_has.js';

package/accordion-item/index.js

@@ -2,7 +2,6 @@ import { r as registerAccordionItem } from '../shared/definition2.js';
 import '../shared/index.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
-import '../shared/engine-is-node.js';
 import '../shared/to-string.js';
 import '../shared/string-trim.js';
 import '../shared/_has.js';

package/alert/index.js

@@ -3,7 +3,6 @@ import '../shared/index.js';
 import '../shared/definition7.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
-import '../shared/engine-is-node.js';
 import '../shared/to-string.js';
 import '../shared/string-trim.js';
 import '../shared/_has.js';

package/avatar/index.js

@@ -2,7 +2,6 @@ import { r as registerAvatar } from '../shared/definition10.js';
 import '../shared/index.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
-import '../shared/engine-is-node.js';
 import '../shared/to-string.js';
 import '../shared/string-trim.js';
 import '../shared/_has.js';

package/badge/index.js

@@ -2,7 +2,6 @@ import { r as registerBadge } from '../shared/definition11.js';
 import '../shared/index.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
-import '../shared/engine-is-node.js';
 import '../shared/to-string.js';
 import '../shared/string-trim.js';
 import '../shared/_has.js';

package/banner/index.js

@@ -3,7 +3,6 @@ import '../shared/index.js';
 import '../shared/definition7.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
-import '../shared/engine-is-node.js';
 import '../shared/to-string.js';
 import '../shared/string-trim.js';
 import '../shared/_has.js';

package/breadcrumb-item/index.js

@@ -2,7 +2,6 @@ import { r as registerBreadcrumbItem } from '../shared/definition14.js';
 import '../shared/index.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
-import '../shared/engine-is-node.js';
 import '../shared/to-string.js';
 import '../shared/string-trim.js';
 import '../shared/_has.js';

package/button/index.js

@@ -2,7 +2,6 @@ import { r as registerButton } from '../shared/definition7.js';
 import '../shared/index.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
-import '../shared/engine-is-node.js';
 import '../shared/to-string.js';
 import '../shared/string-trim.js';
 import '../shared/_has.js';

package/card/index.js

@@ -2,7 +2,6 @@ import { r as registerCard } from '../shared/definition17.js';
 import '../shared/index.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
-import '../shared/engine-is-node.js';
 import '../shared/to-string.js';
 import '../shared/string-trim.js';
 import '../shared/_has.js';

package/checkbox/index.js

@@ -2,7 +2,6 @@ import { r as registerCheckbox } from '../shared/definition18.js';
 import '../shared/index.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
-import '../shared/engine-is-node.js';
 import '../shared/to-string.js';
 import '../shared/string-trim.js';
 import '../shared/_has.js';

package/combobox/index.js

@@ -2,7 +2,6 @@ import { r as registerCombobox } from '../shared/definition19.js';
 import '../shared/index.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
-import '../shared/engine-is-node.js';
 import '../shared/to-string.js';
 import '../shared/string-trim.js';
 import '../shared/_has.js';

package/custom-elements.json

@@ -3050,6 +3050,14 @@
               },
               "default": "null"
             },
+            {
+              "kind": "field",
+              "name": "ariaSort",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
+            },
             {
               "kind": "method",
               "name": "ariaSelectedChanged",
@@ -3105,6 +3113,14 @@
               },
               "default": "null",
               "fieldName": "ariaSelected"
+            },
+            {
+              "name": "aria-sort",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "ariaSort"
             }
           ],
           "superclass": {
@@ -3223,6 +3239,16 @@
       "kind": "javascript-module",
       "path": "libs/components/src/lib/data-grid/data-grid.options.ts",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "DataGridCellSortStates",
+          "type": {
+            "text": "{\n\tnone: 'none',\n\tascending: 'ascending',\n\tdescending: 'descending',\n\tother: 'other'\n}"
+          },
+          "default": "{\n\tnone: 'none',\n\tascending: 'ascending',\n\tdescending: 'descending',\n\tother: 'other'\n}",
+          "description": "Enumerates the data grid auto generated header options\ndefault option generates a non-sticky header row",
+          "privacy": "public"
+        },
         {
           "kind": "variable",
           "name": "GenerateHeaderOptions",
@@ -3275,6 +3301,14 @@
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "DataGridCellSortStates",
+          "declaration": {
+            "name": "DataGridCellSortStates",
+            "module": "libs/components/src/lib/data-grid/data-grid.options.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "GenerateHeaderOptions",
@@ -3482,7 +3516,7 @@
           "type": {
             "text": "array"
           },
-          "default": "[dataGridCell, dataGridRow, dataGrid]"
+          "default": "[dataGridCell, dataGridRow, dataGrid, ...iconRegistries]"
         },
         {
           "kind": "variable",
@@ -4332,6 +4366,299 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/file-picker/definition.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "filePickerDefinition"
+        },
+        {
+          "kind": "variable",
+          "name": "registerFilePicker",
+          "description": "Registers the file-picker element with the design system.",
+          "parameters": [
+            {
+              "description": "the prefix to use for the component name",
+              "name": "prefix"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "filePickerDefinition",
+          "declaration": {
+            "name": "filePickerDefinition",
+            "module": "libs/components/src/lib/file-picker/definition.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "registerFilePicker",
+          "declaration": {
+            "name": "registerFilePicker",
+            "module": "libs/components/src/lib/file-picker/definition.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/file-picker/file-picker.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "File-picker component",
+          "name": "FilePicker",
+          "members": [
+            {
+              "kind": "field",
+              "name": "#dropzone",
+              "privacy": "private",
+              "type": {
+                "text": "Dropzone | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "files",
+              "type": {
+                "text": "File[]"
+              },
+              "description": "Files that have been added to the file picker and passed validation.",
+              "privacy": "public",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Indicates the file picker's label.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "maxFiles",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "The max files that can be selected.",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "maxFilesChanged",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "_oldValue",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "maxFileSize",
+              "type": {
+                "text": "number"
+              },
+              "default": "256",
+              "description": "The max file size that can be selected.",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "maxFileSizeChanged",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "_oldValue",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "accept",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "List of accepted files types",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "acceptChanged",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "_oldValue",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "FileUploaderSize | undefined"
+              },
+              "description": "The size the file-uploader should have.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "buttonTag",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "'vwc-button'",
+              "description": "Used internally to hold the tag that button is registered at."
+            },
+            {
+              "kind": "method",
+              "name": "#chooseFile",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#updateHiddenFileInput",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#handleFilesChanged",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "autoDiscover",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when a file is added or removed.",
+              "name": "change"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Indicates the file picker's label.",
+              "fieldName": "label"
+            },
+            {
+              "name": "max-files",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "The max files that can be selected.",
+              "fieldName": "maxFiles"
+            },
+            {
+              "name": "max-file-size",
+              "type": {
+                "text": "number"
+              },
+              "default": "256",
+              "description": "The max file size that can be selected.",
+              "fieldName": "maxFileSize"
+            },
+            {
+              "name": "accept",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "List of accepted files types",
+              "fieldName": "accept"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "FileUploaderSize | undefined"
+              },
+              "description": "The size the file-uploader should have.",
+              "fieldName": "size"
+            }
+          ],
+          "superclass": {
+            "name": "FoundationElement",
+            "package": "@microsoft/fast-foundation"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "FilePicker",
+          "declaration": {
+            "name": "FilePicker",
+            "module": "libs/components/src/lib/file-picker/file-picker.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "libs/components/src/lib/focus/definition.ts",
@@ -5180,6 +5507,13 @@
             {
               "kind": "method",
               "name": "autoDismissChanged"
+            },
+            {
+              "kind": "field",
+              "name": "actionItemsSlottedContent",
+              "type": {
+                "text": "HTMLElement[] | undefined"
+              }
             }
           ],
           "attributes": [

package/data-grid/index.js

@@ -1,9 +1,14 @@
 import { r as registerDataGrid } from '../shared/definition22.js';
 import '../shared/index.js';
-import '../shared/es.string.includes.js';
+import '../shared/definition3.js';
+import '../shared/icon.js';
 import '../shared/to-string.js';
+import '../shared/string-trim.js';
+import '../shared/_has.js';
+import '../shared/class-names.js';
+import '../shared/when.js';
+import '../shared/es.string.includes.js';
 import '../shared/es.regexp.to-string.js';
-import '../shared/engine-is-node.js';
 import '../shared/key-codes.js';
 import '../shared/repeat.js';
 import '../shared/node-observation.js';

package/dialog/index.js

@@ -2,7 +2,6 @@ import { r as registerDialog } from '../shared/definition23.js';
 import '../shared/index.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
-import '../shared/engine-is-node.js';
 import '../shared/to-string.js';
 import '../shared/string-trim.js';
 import '../shared/_has.js';

package/empty-state/index.js

@@ -2,7 +2,6 @@ import { r as registerEmptyState } from '../shared/definition25.js';
 import '../shared/index.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
-import '../shared/engine-is-node.js';
 import '../shared/to-string.js';
 import '../shared/string-trim.js';
 import '../shared/_has.js';

package/fab/index.js

@@ -2,7 +2,6 @@ import { r as registerFab } from '../shared/definition26.js';
 import '../shared/index.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
-import '../shared/engine-is-node.js';
 import '../shared/to-string.js';
 import '../shared/string-trim.js';
 import '../shared/_has.js';

package/file-picker/index.js

@@ -0,0 +1,26 @@
+import { r as registerFilePicker } from '../shared/definition27.js';
+import '../shared/index.js';
+import '../shared/definition3.js';
+import '../shared/icon.js';
+import '../shared/to-string.js';
+import '../shared/string-trim.js';
+import '../shared/_has.js';
+import '../shared/class-names.js';
+import '../shared/when.js';
+import '../shared/definition4.js';
+import '../shared/focus.js';
+import '../shared/definition7.js';
+import '../shared/definition9.js';
+import '../shared/base-progress.js';
+import '../shared/affix.js';
+import '../shared/button.js';
+import '../shared/apply-mixins.js';
+import '../shared/form-associated.js';
+import '../shared/key-codes.js';
+import '../shared/aria-global.js';
+import '../shared/start-end.js';
+import '../shared/ref.js';
+import '../shared/focus2.js';
+import '../shared/form-elements.js';
+
+registerFilePicker();

package/header/index.js

@@ -1,4 +1,4 @@
-import { r as registerHeader } from '../shared/definition27.js';
+import { r as registerHeader } from '../shared/definition28.js';
 import '../shared/index.js';
 import '../shared/definition8.js';
 import '../shared/class-names.js';

package/icon/index.js

@@ -1,7 +1,6 @@
 import { r as registerIcon } from '../shared/definition3.js';
 import '../shared/index.js';
 import '../shared/icon.js';
-import '../shared/engine-is-node.js';
 import '../shared/to-string.js';
 import '../shared/string-trim.js';
 import '../shared/_has.js';

package/index.js

@@ -13,16 +13,14 @@ export { c as calendarEventDefinition, a as calendarEventRegistries, r as regist
 export { c as cardDefinition, a as cardRegistries, r as registerCard } from './shared/definition17.js';
 export { c as checkboxDefinition, a as checkboxRegistries, r as registerCheckbox } from './shared/definition18.js';
 export { c as combobox, a as comboboxRegistries, r as registerCombobox } from './shared/definition19.js';
-export { a as elevationDefinition, e as elevationRegistries, r as registerElevation } from './shared/definition8.js';
 export { e as emptyStateDefinition, a as emptyStateRegistries, r as registerEmptyState } from './shared/definition25.js';
 export { d as dialogDefinition, a as dialogRegistries, r as registerDialog } from './shared/definition23.js';
 export { a as dividerDefinition, d as dividerRegistries, r as registerDivider } from './shared/definition24.js';
 export { d as dataGrid, b as dataGridCell, c as dataGridElements, a as dataGridRow, r as registerDataGrid } from './shared/definition22.js';
 export { f as fabDefinition, a as fabRegistries, r as registerFab } from './shared/definition26.js';
-export { h as headerDefinition, a as headerRegistries, r as registerHeader } from './shared/definition27.js';
+export { h as headerDefinition, a as headerRegistries, r as registerHeader } from './shared/definition28.js';
 export { a as iconDefinition, i as iconRegistries, r as registerIcon } from './shared/definition3.js';
-export { l as layoutDefinition, a as layoutRegistries, r as registerLayout } from './shared/definition28.js';
-export { l as listboxDefinition, a as listboxRegistries, r as registerListbox } from './shared/definition29.js';
+export { l as layoutDefinition, a as layoutRegistries, r as registerLayout } from './shared/definition29.js';
 export { a as listboxOptionDefinition, l as listboxOptionRegistries, r as registerOption } from './shared/definition21.js';
 export { m as menuDefinition, a as menuRegistries, r as registerMenu } from './shared/definition30.js';
 export { c as menuItemDefinition, m as menuItemRegistries, b as registerMenuItem } from './shared/definition31.js';
@@ -32,7 +30,6 @@ export { n as navItemDefinition, a as navItemRegistries, r as registerNavItem }
 export { n as noteDefinition, a as noteRegistries, r as registerNote } from './shared/definition35.js';
 export { n as numberFieldDefinition, a as numberFieldRegistries, r as registerNumberField } from './shared/definition36.js';
 export { p as paginationDefinition, a as paginationRegistries, r as registerPagination } from './shared/definition37.js';
-export { a as popupDefinition, p as popupRegistries, r as registerPopup } from './shared/definition20.js';
 export { p as progressDefinition, a as progressRegistries, r as registerProgress } from './shared/definition38.js';
 export { a as progressRingDefinition, p as progressRingRegistries, r as registerProgressRing } from './shared/definition9.js';
 export { a as radioDefinition, b as radioRegistries, r as registerRadio } from './shared/definition39.js';
@@ -52,6 +49,7 @@ export { r as registerTreeView, t as treeViewDefinition, a as treeViewRegistries
 export { r as registerTreeItem, t as treeItemDefinition, a as treeItemRegistries } from './shared/definition54.js';
 export { r as registerTag, t as tagDefinition } from './shared/definition48.js';
 export { r as registerTagGroup, t as tagGroupDefinition, a as tagGroupRegistries } from './shared/definition49.js';
+export { f as filePickerDefinition, a as filePickerRegistries, r as registerFilePicker } from './shared/definition27.js';
 export { ae as designSystem, r as registerFactory } from './shared/index.js';
 import './shared/key-codes.js';
 import './shared/numbers.js';
@@ -62,7 +60,6 @@ import './shared/definition4.js';
 import './shared/focus.js';
 import './shared/affix.js';
 import './shared/icon.js';
-import './shared/engine-is-node.js';
 import './shared/to-string.js';
 import './shared/string-trim.js';
 import './shared/_has.js';
@@ -71,6 +68,7 @@ import './shared/ref.js';
 import './shared/apply-mixins.js';
 import './shared/focus2.js';
 import './shared/when.js';
+import './shared/definition8.js';
 import './shared/form-elements.js';
 import './shared/button.js';
 import './shared/form-associated.js';
@@ -81,6 +79,7 @@ import './shared/text-anchor.template.js';
 import './shared/calendar-event.js';
 import './shared/es.object.assign.js';
 import './shared/repeat.js';
+import './shared/definition20.js';
 import './shared/text-field.js';
 import './shared/listbox.js';
 import './shared/strings.js';

package/layout/index.js

@@ -1,4 +1,4 @@
-import { r as registerLayout } from '../shared/definition28.js';
+import { r as registerLayout } from '../shared/definition29.js';
 import '../shared/index.js';
 import '../shared/class-names.js';