@vonage/vivid 3.44.0 → 3.45.0

package/custom-elements.json

@@ -555,6 +555,15 @@
               "description": "alert connotation",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "strategy",
+              "type": {
+                "text": "AlertStrategy | undefined"
+              },
+              "description": "alert state",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "open",
@@ -683,6 +692,14 @@
               "description": "alert connotation",
               "fieldName": "connotation"
             },
+            {
+              "name": "strategy",
+              "type": {
+                "text": "AlertStrategy | undefined"
+              },
+              "description": "alert state",
+              "fieldName": "strategy"
+            },
             {
               "type": {
                 "text": "boolean"
@@ -4037,6 +4054,10 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "#getColumnDataKey"
+            },
             {
               "kind": "field",
               "name": "updateCellStyle"
@@ -4046,6 +4067,10 @@
             {
               "description": "Event that fires when a sortable column header is clicked",
               "name": "sort"
+            },
+            {
+              "description": "Event that fires when a cell is clicked",
+              "name": "cell-click"
             }
           ],
           "attributes": [
@@ -4155,6 +4180,12 @@
               "privacy": "public"
             }
           ],
+          "events": [
+            {
+              "description": "Event that fires when a cell is clicked",
+              "name": "cell-click"
+            }
+          ],
           "attributes": [
             {
               "name": "aria-selected",
@@ -4381,6 +4412,15 @@
               "name": "#handleRowSelection",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "#changeHandler",
+              "privacy": "private",
+              "type": {
+                "text": "object"
+              },
+              "default": "{\n\t\thandleChange(dataGrid: DataGrid, propertyName: string) {\n\t\t\tif (propertyName === 'columnDefinitions') {\n\t\t\t\tif (dataGrid.$fastController.isConnected) {\n\t\t\t\t\t(dataGrid as any).toggleGeneratedHeader();\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}"
+            },
             {
               "kind": "field",
               "name": "#setSelectedState",
@@ -4408,6 +4448,16 @@
                   }
                 }
               ]
+            },
+            {
+              "kind": "field",
+              "name": "toggleGeneratedHeader"
+            }
+          ],
+          "events": [
+            {
+              "description": "Event that fires when a cell is clicked",
+              "name": "cell-click"
             }
           ],
           "attributes": [
@@ -7360,28 +7410,6 @@
               },
               "default": "null"
             },
-            {
-              "kind": "field",
-              "name": "#observer",
-              "privacy": "private",
-              "type": {
-                "text": "MutationObserver | undefined"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "#anchorEl",
-              "privacy": "private",
-              "type": {
-                "text": "HTMLElement | null"
-              },
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "#observeMissingAnchor",
-              "privacy": "private"
-            },
             {
               "kind": "field",
               "name": "placement",
@@ -7392,39 +7420,6 @@
               "description": "placement of the menu",
               "privacy": "public"
             },
-            {
-              "kind": "field",
-              "name": "anchor",
-              "type": {
-                "text": "AnchorType"
-              },
-              "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",
@@ -7438,20 +7433,10 @@
             {
               "kind": "method",
               "name": "autoDismissChanged",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
               "parameters": [
                 {
                   "name": "oldValue",
-                  "type": {
-                    "text": "boolean"
-                  }
-                },
-                {
-                  "name": "newValue",
+                  "optional": true,
                   "type": {
                     "text": "boolean"
                   }
@@ -7503,6 +7488,18 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "#updateAnchor",
+              "parameters": [
+                {
+                  "name": "a",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "#cleanupAnchor",
@@ -7520,6 +7517,11 @@
               "name": "#openIfClosed",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "#updateClickOutsideListener",
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "#closeOnClickOutside",
@@ -7564,14 +7566,6 @@
               "description": "placement of the menu",
               "fieldName": "placement"
             },
-            {
-              "type": {
-                "text": "AnchorType"
-              },
-              "default": "''",
-              "description": "id or direct reference to the menu's anchor element",
-              "fieldName": "anchor"
-            },
             {
               "name": "auto-dismiss",
               "type": {
@@ -9242,11 +9236,15 @@
               "kind": "field",
               "name": "anchor",
               "type": {
-                "text": "string | HTMLElement | undefined"
+                "text": "HTMLElement | undefined"
               },
-              "description": "ID reference to element in the popup’s owner document or HTMLElement.",
+              "description": "The element to anchor the popup to.",
               "privacy": "public"
             },
+            {
+              "kind": "method",
+              "name": "#updateAutoUpdate"
+            },
             {
               "kind": "method",
               "name": "updatePosition",
@@ -9294,7 +9292,6 @@
               "type": {
                 "text": "HTMLElement | null"
               },
-              "description": "Gets the anchor element by id",
               "readonly": true
             },
             {
@@ -9363,14 +9360,6 @@
               "default": "'fixed'",
               "description": "the strategy of the popup",
               "fieldName": "strategy"
-            },
-            {
-              "name": "anchor",
-              "type": {
-                "text": "string | HTMLElement | undefined"
-              },
-              "description": "ID reference to element in the popup’s owner document or HTMLElement.",
-              "fieldName": "anchor"
             }
           ],
           "superclass": {
@@ -10106,20 +10095,6 @@
             }
           ],
           "members": [
-            {
-              "kind": "field",
-              "name": "_popup",
-              "type": {
-                "text": "Popup"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_anchor",
-              "type": {
-                "text": "HTMLElement"
-              }
-            },
             {
               "kind": "field",
               "name": "appearance",
@@ -11852,6 +11827,15 @@
               "description": "The connotation the tabs should have.",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "gutters",
+              "type": {
+                "text": "Gutters | undefined"
+              },
+              "description": "sets the initial preferred margin from predefined available options",
+              "privacy": "public"
+            },
             {
               "kind": "method",
               "name": "connotationChanged"
@@ -11945,6 +11929,14 @@
               },
               "description": "The connotation the tabs should have.",
               "fieldName": "connotation"
+            },
+            {
+              "name": "gutters",
+              "type": {
+                "text": "Gutters | undefined"
+              },
+              "description": "sets the initial preferred margin from predefined available options",
+              "fieldName": "gutters"
             }
           ],
           "superclass": {
@@ -12951,28 +12943,6 @@
             }
           ],
           "members": [
-            {
-              "kind": "field",
-              "name": "#observer",
-              "privacy": "private",
-              "type": {
-                "text": "MutationObserver | undefined"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "#anchorEl",
-              "privacy": "private",
-              "type": {
-                "text": "HTMLElement | null"
-              },
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "#observeMissingAnchor",
-              "privacy": "private"
-            },
             {
               "kind": "field",
               "name": "#ANCHOR_ARIA_LABEL_SUFFIX",
@@ -13011,34 +12981,6 @@
               "description": "placement of the toggletip",
               "privacy": "public"
             },
-            {
-              "kind": "field",
-              "name": "anchor",
-              "type": {
-                "text": "AnchorType"
-              },
-              "default": "''",
-              "description": "id or direct reference to the toggletip's anchor element",
-              "privacy": "public"
-            },
-            {
-              "kind": "method",
-              "name": "anchorChanged",
-              "parameters": [
-                {
-                  "name": "_",
-                  "type": {
-                    "text": "AnchorType"
-                  }
-                },
-                {
-                  "name": "newValue",
-                  "type": {
-                    "text": "AnchorType"
-                  }
-                }
-              ]
-            },
             {
               "kind": "field",
               "name": "open",
@@ -13084,6 +13026,18 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "#updateAnchor",
+              "parameters": [
+                {
+                  "name": "a",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "#cleanupAnchor",
@@ -13101,6 +13055,10 @@
               "name": "#openIfClosed",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "#updateListeners"
+            },
             {
               "kind": "field",
               "name": "#closeOnClickOutside",
@@ -13137,14 +13095,6 @@
               "description": "placement of the toggletip",
               "fieldName": "placement"
             },
-            {
-              "type": {
-                "text": "AnchorType"
-              },
-              "default": "''",
-              "description": "id or direct reference to the toggletip's anchor element",
-              "fieldName": "anchor"
-            },
             {
               "type": {
                 "text": "boolean"
@@ -13220,15 +13170,6 @@
           "description": "Base class for tooltip",
           "name": "Tooltip",
           "members": [
-            {
-              "kind": "field",
-              "name": "#anchorEl",
-              "privacy": "private",
-              "type": {
-                "text": "HTMLElement | null"
-              },
-              "default": "null"
-            },
             {
               "kind": "field",
               "name": "text",
@@ -13253,70 +13194,29 @@
               },
               "default": "false"
             },
-            {
-              "kind": "field",
-              "name": "anchor",
-              "type": {
-                "text": "anchorType | undefined"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "#observer",
-              "privacy": "private",
-              "type": {
-                "text": "MutationObserver | undefined"
-              }
-            },
             {
               "kind": "method",
-              "name": "anchorChanged",
+              "name": "#setupAnchor",
               "parameters": [
                 {
-                  "name": "_",
-                  "type": {
-                    "text": "anchorType"
-                  }
-                },
-                {
-                  "name": "newValue",
+                  "name": "a",
                   "type": {
-                    "text": "anchorType"
+                    "text": "HTMLElement"
                   }
                 }
               ]
             },
-            {
-              "kind": "field",
-              "name": "#observeMissingAnchor",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "#anchorUpdated",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
             {
               "kind": "method",
-              "name": "#addEventListener",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "#removeEventListener",
-              "return": {
-                "type": {
-                  "text": "void"
+              "name": "#cleanupAnchor",
+              "parameters": [
+                {
+                  "name": "a",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
                 }
-              }
+              ]
             },
             {
               "kind": "field",
@@ -13328,33 +13228,14 @@
               "name": "#hide",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "#updateListeners"
+            },
             {
               "kind": "field",
               "name": "#closeOnEscape",
               "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "openChanged",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "_",
-                  "type": {
-                    "text": "boolean"
-                  }
-                },
-                {
-                  "name": "newValue",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
             }
           ],
           "attributes": [
@@ -13378,12 +13259,6 @@
               },
               "default": "false",
               "fieldName": "open"
-            },
-            {
-              "type": {
-                "text": "anchorType | undefined"
-              },
-              "fieldName": "anchor"
             }
           ],
           "superclass": {

package/index.js

@@ -55,7 +55,7 @@ export { r as registerToggletip, t as toggletipDefinition, a as toggletipRegistr
 export { r as registerTooltip, t as tooltipDefinition, a as tooltipRegistries } from './shared/definition55.js';
 export { r as registerTreeItem, t as treeItemDefinition, a as treeItemRegistries } from './shared/definition56.js';
 export { r as registerTreeView, t as treeViewDefinition, a as treeViewRegistries } from './shared/definition57.js';
-export { A as Appearance, c as AriaLive, C as Connotation, a as ConnotationDecorative, L as LayoutSize, P as Position, R as Role, S as Shape, b as Size } from './shared/enums.js';
+export { A as Appearance, c as AriaLive, C as Connotation, a as ConnotationDecorative, L as LayoutSize, P as Position, R as Role, S as Shape, b as Size, T as TabsSize } from './shared/enums.js';
 export { d as designSystem, r as registerFactory } from './shared/index.js';
 export { s as setLocale } from './shared/index2.js';
 import './shared/definition58.js';
@@ -92,6 +92,7 @@ import './shared/children.js';
 import './shared/presentationDate.js';
 import './shared/aria.js';
 import './shared/direction.js';
+import './shared/anchored.js';
 import './shared/dom.js';
 import './shared/text-anchor.js';
 import './shared/text-field2.js';

package/lib/alert/alert.d.ts

@@ -4,6 +4,7 @@ import { Localized } from '../../shared/patterns';
 import { AffixIcon } from '../../shared/patterns/affix';
 export type AlertConnotation = Connotation.Accent | Connotation.Information | Connotation.Success | Connotation.Warning | Connotation.Alert;
 export type AlertPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end';
+export type AlertStrategy = 'fixed' | 'static';
 export declare class Alert extends FoundationElement {
     #private;
     dismissButtonAriaLabel: string | null;
@@ -14,6 +15,7 @@ export declare class Alert extends FoundationElement {
     icon?: string;
     timeoutms: number;
     connotation?: AlertConnotation;
+    strategy?: AlertStrategy;
     open: boolean;
     openChanged(oldValue: boolean, newValue: boolean): void;
     connectedCallback(): void;

package/lib/data-grid/data-grid-cell.d.ts

@@ -8,6 +8,7 @@ declare interface DataGridCellExtension {
     columnDefinition: ColumnDefinitionExtended | null;
 }
 export declare class DataGridCell extends FoundationDataGridCell {
+    #private;
     ariaSelected: string | null;
     ariaSort: string | null;
     ariaSelectedChanged(_: string | null, selectedState: string | null): void;

package/lib/data-grid/data-grid.d.ts

@@ -13,6 +13,8 @@ export declare class DataGrid extends FoundationDataGrid {
     selectionMode?: DataGridSelectionMode;
     selectionModeChanged(oldValue: DataGridSelectionMode): void;
     constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     static generateColumns(rowData: any): {
         columnDataKey: string;
         gridColumn: string;

package/lib/enums.d.ts

@@ -44,6 +44,9 @@ export declare enum LayoutSize {
     Medium = "medium",
     Large = "large"
 }
+export declare enum TabsSize {
+    Small = "small"
+}
 export declare enum Position {
     Top = "TOP",
     Bottom = "BOTTOM",

package/lib/menu/menu.d.ts

@@ -1,18 +1,18 @@
 import { Menu as FastMenu } from '@microsoft/fast-foundation';
 import type { Placement } from '@floating-ui/dom';
-type AnchorType = string | HTMLElement;
+import { type Anchored } from '../../shared/patterns/anchored';
 export declare class Menu extends FastMenu {
     #private;
     ariaLabel: string | null;
     placement?: Placement;
-    anchor: AnchorType;
-    anchorChanged(_: AnchorType, newValue: AnchorType): void;
     autoDismiss: boolean;
-    autoDismissChanged(oldValue: boolean, newValue: boolean): void;
+    autoDismissChanged(oldValue?: boolean): void;
     open: boolean;
     openChanged(_: boolean, newValue: boolean): void;
     constructor();
+    connectedCallback(): void;
     disconnectedCallback(): void;
     actionItemsSlottedContent?: HTMLElement[];
 }
-export {};
+export interface Menu extends Anchored {
+}

package/lib/popup/popup.d.ts

@@ -11,9 +11,9 @@ export declare class Popup extends FoundationElement {
     alternate: boolean;
     placement?: Placement;
     strategy?: Strategy;
-    anchor?: string | HTMLElement;
+    anchor?: HTMLElement;
+    connectedCallback(): void;
     disconnectedCallback(): void;
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     updatePosition(): Promise<void>;
     get anchorEl(): HTMLElement | null;
     show(): void;