@vonage/vivid 3.27.0 → 3.29.0

package/README.md

@@ -167,4 +167,5 @@ This project is licensed under the Apache 2.0 License - see the [LICENSE.md](htt
 ---
 ## Have questions?
 
-Still looking for answers, ask us in [#ask-vivid](https://vonage.slack.com/archives/C013F0YKH99) slack channel.
+Still looking for answers, ask us in [#ask-vivid](https://vonage.slack.com/archives/C013F0YKH99) slack channel.
+

package/accordion/index.js

@@ -3,8 +3,6 @@ import '../shared/index.js';
 import '../shared/definition2.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';

package/accordion-item/index.js

@@ -2,8 +2,6 @@ import { r as registerAccordionItem } from '../shared/definition2.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';

package/alert/index.js

@@ -3,8 +3,6 @@ import '../shared/index.js';
 import '../shared/definition7.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';

package/avatar/index.js

@@ -2,8 +2,6 @@ import { r as registerAvatar } from '../shared/definition10.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';

package/badge/index.js

@@ -2,8 +2,6 @@ import { r as registerBadge } from '../shared/definition11.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';

package/banner/index.js

@@ -3,8 +3,6 @@ import '../shared/index.js';
 import '../shared/definition7.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';

package/breadcrumb-item/index.js

@@ -2,8 +2,6 @@ import { r as registerBreadcrumbItem } from '../shared/definition14.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';

package/button/index.js

@@ -2,8 +2,6 @@ import { r as registerButton } from '../shared/definition7.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';

package/calendar/index.js

@@ -1,7 +1,6 @@
 import { r as registerCalendar } from '../shared/definition15.js';
 import '../shared/index.js';
 import '../shared/calendar-event.js';
-import '../shared/es.object.assign.js';
 import '../shared/_has.js';
 import '../shared/repeat.js';
 

package/calendar-event/index.js

@@ -1,8 +1,6 @@
 import { r as registerCalendarEvent } from '../shared/definition16.js';
 import '../shared/index.js';
 import '../shared/calendar-event.js';
-import '../shared/es.object.assign.js';
-import '../shared/to-string.js';
 import '../shared/when.js';
 import '../shared/class-names.js';
 

package/card/index.js

@@ -2,8 +2,6 @@ import { r as registerCard } from '../shared/definition17.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';

package/checkbox/index.js

@@ -2,8 +2,6 @@ import { r as registerCheckbox } from '../shared/definition18.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';

package/combobox/index.js

@@ -2,8 +2,6 @@ import { r as registerCombobox } from '../shared/definition19.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';
@@ -23,7 +21,6 @@ import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/focus2.js';
 import '../shared/definition8.js';
-import '../shared/es.object.assign.js';
 import '../shared/definition21.js';
 import '../shared/dom.js';
 import '../shared/form-elements.js';

package/custom-elements.json

@@ -297,8 +297,9 @@
               "kind": "field",
               "name": "role",
               "type": {
-                "text": "string | undefined"
-              }
+                "text": "string | null"
+              },
+              "default": "null"
             },
             {
               "kind": "field",
@@ -337,8 +338,9 @@
             {
               "name": "role",
               "type": {
-                "text": "string | undefined"
+                "text": "string | null"
               },
+              "default": "null",
               "fieldName": "role"
             },
             {
@@ -1347,6 +1349,14 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
+            },
             {
               "kind": "field",
               "name": "actionHref",
@@ -1376,13 +1386,6 @@
                 "text": "any"
               }
             },
-            {
-              "kind": "field",
-              "name": "role",
-              "type": {
-                "text": "string | undefined"
-              }
-            },
             {
               "kind": "field",
               "name": "text",
@@ -1423,6 +1426,14 @@
             }
           ],
           "attributes": [
+            {
+              "name": "role",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "role"
+            },
             {
               "name": "action-href",
               "type": {
@@ -1451,13 +1462,6 @@
               },
               "fieldName": "ariaLive"
             },
-            {
-              "name": "role",
-              "type": {
-                "text": "string | undefined"
-              },
-              "fieldName": "role"
-            },
             {
               "name": "text",
               "type": {
@@ -5433,30 +5437,38 @@
             {
               "description": "Default slot.",
               "name": ""
+            },
+            {
+              "description": "Used to add additional content to the top of the menu.",
+              "name": "header"
+            },
+            {
+              "description": "Used to add action items to the bottom of the menu.",
+              "name": "action-items"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "#dismissOnClickOutside",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_popup",
+              "name": "#observer",
+              "privacy": "private",
               "type": {
-                "text": "Popup | undefined"
+                "text": "MutationObserver | undefined"
               }
             },
             {
               "kind": "field",
-              "name": "open",
+              "name": "#anchorEl",
+              "privacy": "private",
               "type": {
-                "text": "boolean"
+                "text": "HTMLElement | null"
               },
-              "default": "false",
-              "description": "indicates whether the menu is open",
-              "privacy": "public"
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "#observeMissingAnchor",
+              "privacy": "private"
             },
             {
               "kind": "field",
@@ -5464,18 +5476,43 @@
               "type": {
                 "text": "Placement | undefined"
               },
-              "description": "the placement of the menu",
+              "default": "'bottom'",
+              "description": "placement of the menu",
               "privacy": "public"
             },
             {
               "kind": "field",
               "name": "anchor",
               "type": {
-                "text": "string | undefined"
+                "text": "AnchorType"
               },
-              "description": "ID reference to element in the menu's owner document.",
+              "default": "''",
+              "description": "id or direct reference to the menu's anchor element",
               "privacy": "public"
             },
+            {
+              "kind": "method",
+              "name": "anchorChanged",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "_",
+                  "type": {
+                    "text": "AnchorType"
+                  }
+                },
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "AnchorType"
+                  }
+                }
+              ]
+            },
             {
               "kind": "field",
               "name": "autoDismiss",
@@ -5488,25 +5525,93 @@
             },
             {
               "kind": "method",
-              "name": "anchorChanged",
+              "name": "autoDismissChanged",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "parameters": [
                 {
-                  "name": "prevAnchor",
+                  "name": "oldValue",
                   "type": {
-                    "text": "string"
+                    "text": "boolean"
                   }
                 },
                 {
-                  "name": "newAnchor",
+                  "name": "newValue",
                   "type": {
-                    "text": "string"
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "indicates whether the menu is open",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "openChanged",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "_",
+                  "type": {
+                    "text": "boolean"
+                  }
+                },
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "boolean"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "autoDismissChanged"
+              "name": "#setupAnchor",
+              "parameters": [
+                {
+                  "name": "a",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#cleanupAnchor",
+              "parameters": [
+                {
+                  "name": "a",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "#openIfClosed",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#closeOnClickOutside",
+              "privacy": "private"
             },
             {
               "kind": "field",
@@ -5516,29 +5621,31 @@
               }
             }
           ],
-          "attributes": [
+          "events": [
             {
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "indicates whether the menu is open",
-              "fieldName": "open"
+              "description": "Fired when the menu is opened",
+              "name": "open"
             },
             {
-              "name": "placement",
+              "description": "Fired when the menu is closed",
+              "name": "close"
+            }
+          ],
+          "attributes": [
+            {
               "type": {
                 "text": "Placement | undefined"
               },
-              "description": "the placement of the menu",
+              "default": "'bottom'",
+              "description": "placement of the menu",
               "fieldName": "placement"
             },
             {
-              "name": "anchor",
               "type": {
-                "text": "string | undefined"
+                "text": "AnchorType"
               },
-              "description": "ID reference to element in the menu's owner document.",
+              "default": "''",
+              "description": "id or direct reference to the menu's anchor element",
               "fieldName": "anchor"
             },
             {
@@ -5549,6 +5656,14 @@
               "default": "false",
               "description": "indicates whether the menu will automatically close when\nthe user clicks outside the menu",
               "fieldName": "autoDismiss"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "indicates whether the menu is open",
+              "fieldName": "open"
             }
           ],
           "superclass": {
@@ -5616,9 +5731,9 @@
           "kind": "variable",
           "name": "MenuItemRole",
           "type": {
-            "text": "{...FastMenuItemRole, 'presentation': 'presentation'}"
+            "text": "{\n\t...FastMenuItemRole,\n\tpresentation: 'presentation',\n}"
           },
-          "default": "{...FastMenuItemRole, 'presentation': 'presentation'}"
+          "default": "{\n\t...FastMenuItemRole,\n\tpresentation: 'presentation',\n}"
         },
         {
           "kind": "class",
@@ -5654,6 +5769,12 @@
               "default": "var(--vvd-color-neutral-200)"
             }
           ],
+          "slots": [
+            {
+              "description": "Assign nodes to the `meta` slot to set a badge or an additional icon.",
+              "name": "meta"
+            }
+          ],
           "members": [
             {
               "kind": "field",

package/data-grid/index.js

@@ -1,14 +1,10 @@
 import { r as registerDataGrid } from '../shared/definition22.js';
-import '../shared/index.js';
 import '../shared/definition3.js';
+import '../shared/index.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/key-codes.js';
 import '../shared/repeat.js';
 import '../shared/node-observation.js';

package/dialog/index.js

@@ -2,8 +2,6 @@ import { r as registerDialog } from '../shared/definition23.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';

package/empty-state/index.js

@@ -2,8 +2,6 @@ import { r as registerEmptyState } from '../shared/definition25.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';

package/fab/index.js

@@ -2,8 +2,6 @@ import { r as registerFab } from '../shared/definition26.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';

package/file-picker/index.js

@@ -2,8 +2,6 @@ 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';

package/icon/index.js

@@ -1,8 +1,6 @@
 import { r as registerIcon } from '../shared/definition3.js';
 import '../shared/index.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';

package/index.d.ts

@@ -1,3 +1,3 @@
-export * from './lib/components';
-export * from './lib/enums';
-export * from './shared/design-system';
+export * from './lib/components';
+export * from './lib/enums';
+export * from './shared/design-system';

package/index.js

@@ -50,7 +50,7 @@ export { r as registerTreeItem, t as treeItemDefinition, a as treeItemRegistries
 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';
+export { j as designSystem, r as registerFactory } from './shared/index.js';
 import './shared/key-codes.js';
 import './shared/numbers.js';
 import './shared/node-observation.js';
@@ -60,8 +60,6 @@ import './shared/definition4.js';
 import './shared/focus.js';
 import './shared/affix.js';
 import './shared/icon.js';
-import './shared/to-string.js';
-import './shared/string-trim.js';
 import './shared/_has.js';
 import './shared/start-end.js';
 import './shared/ref.js';
@@ -77,7 +75,6 @@ import './shared/breadcrumb-item.js';
 import './shared/anchor.js';
 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';
@@ -85,8 +82,6 @@ import './shared/listbox.js';
 import './shared/strings.js';
 import './shared/select.options.js';
 import './shared/aria.js';
-import './shared/es.string.includes.js';
-import './shared/es.regexp.to-string.js';
 import './shared/children.js';
 import './shared/dom.js';
 import './shared/direction.js';

package/lib/accordion/accordion.d.ts

@@ -1,5 +1,5 @@
-import { AccordionExpandMode, Accordion as FastAccordion } from '@microsoft/fast-foundation';
-export declare class Accordion extends FastAccordion {
-    expandmode: AccordionExpandMode;
-    closeAll(): void;
-}
+import { AccordionExpandMode, Accordion as FastAccordion } from '@microsoft/fast-foundation';
+export declare class Accordion extends FastAccordion {
+    expandmode: AccordionExpandMode;
+    closeAll(): void;
+}

package/lib/accordion/accordion.template.d.ts

@@ -1,3 +1,3 @@
-import type { ViewTemplate } from '@microsoft/fast-element';
-import type { Accordion } from './accordion';
-export declare const AccordionTemplate: () => ViewTemplate<Accordion>;
+import type { ViewTemplate } from '@microsoft/fast-element';
+import type { Accordion } from './accordion';
+export declare const AccordionTemplate: () => ViewTemplate<Accordion>;

package/lib/accordion/definition.d.ts

@@ -1,2 +1,2 @@
-export type { AccordionExpandMode } from '@microsoft/fast-foundation';
-export declare const registerAccordion: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
+export type { AccordionExpandMode } from '@microsoft/fast-foundation';
+export declare const registerAccordion: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;

package/lib/accordion/index.d.ts

@@ -1 +1 @@
-export {};
+export {};