@vonage/vivid 4.30.1 → 5.0.0

package/custom-elements.json

@@ -6411,10 +6411,6 @@
               "description": "The indeterminate state of the control.",
               "privacy": "public"
             },
-            {
-              "kind": "method",
-              "name": "ariaCheckedChanged"
-            },
             {
               "kind": "field",
               "name": "_vividAriaBehaviour",
@@ -8233,12 +8229,6 @@
               "name": "updateCellStyle",
               "privacy": "private"
             },
-            {
-              "kind": "method",
-              "name": "calculateAriaSelectedValue",
-              "privacy": "private",
-              "description": ""
-            },
             {
               "kind": "field",
               "name": "selected",
@@ -8282,6 +8272,18 @@
               "kind": "method",
               "name": "#getColumnDataKey"
             },
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "default": "'host'",
+              "type": {
+                "text": "'host'"
+              },
+              "inheritedFrom": {
+                "name": "HostSemantics",
+                "module": "src/shared/aria/host-semantics.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "VIVID_VERSION",
@@ -8359,24 +8361,6 @@
               "description": "Reflects selected state of the row",
               "fieldName": "selected"
             },
-            {
-              "name": "aria-selected",
-              "type": {
-                "text": "string | null"
-              },
-              "default": "null",
-              "description": "Indicates the selected status.",
-              "fieldName": "ariaSelected"
-            },
-            {
-              "name": "aria-sort",
-              "type": {
-                "text": "string | null"
-              },
-              "default": "null",
-              "description": "Indicates the sort status.",
-              "fieldName": "ariaSort"
-            },
             {
               "name": "sort-direction",
               "type": {
@@ -8390,6 +8374,10 @@
             {
               "name": "Localized",
               "module": "/src/shared/patterns"
+            },
+            {
+              "name": "HostSemantics",
+              "module": "/src/shared/aria/host-semantics"
             }
           ],
           "superclass": {
@@ -8663,6 +8651,18 @@
               "description": "Reflects selected state of the row",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "_vividAriaBehaviour",
+              "default": "'host'",
+              "type": {
+                "text": "'host'"
+              },
+              "inheritedFrom": {
+                "name": "HostSemantics",
+                "module": "src/shared/aria/host-semantics.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "VIVID_VERSION",
@@ -8724,15 +8724,6 @@
               "description": "The type of row",
               "fieldName": "rowType"
             },
-            {
-              "name": "aria-selected",
-              "type": {
-                "text": "string | null"
-              },
-              "default": "null",
-              "description": "Indicates the selected status.",
-              "fieldName": "ariaSelected"
-            },
             {
               "name": "selected",
               "type": {
@@ -8743,6 +8734,12 @@
               "fieldName": "selected"
             }
           ],
+          "mixins": [
+            {
+              "name": "HostSemantics",
+              "module": "/src/shared/aria/host-semantics"
+            }
+          ],
           "superclass": {
             "name": "VividElement",
             "module": "/src/shared/foundation/vivid-element/vivid-element"
@@ -12996,14 +12993,6 @@
             }
           ],
           "attributes": [
-            {
-              "name": "role",
-              "type": {
-                "text": "DividerRole"
-              },
-              "description": "The role of the element. This property will be removed",
-              "fieldName": "role"
-            },
             {
               "name": "orientation",
               "type": {
@@ -14715,6 +14704,25 @@
               "kind": "method",
               "name": "#addRemoveButtonToFilesPreview"
             },
+            {
+              "kind": "method",
+              "name": "#setupDragEventHandlers",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "control",
+                  "type": {
+                    "text": "HTMLDivElement"
+                  }
+                }
+              ],
+              "description": "Sets up drag event handlers for enhanced visual feedback",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "#chooseFile",
@@ -16875,14 +16883,6 @@
               "description": "The expanded state of the element.",
               "fieldName": "expanded"
             },
-            {
-              "name": "role",
-              "type": {
-                "text": "MenuItemRole"
-              },
-              "description": "The role of the element.",
-              "fieldName": "role"
-            },
             {
               "name": "control-type",
               "type": {
@@ -19550,6 +19550,14 @@
             }
           ],
           "attributes": [
+            {
+              "name": "checked",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "The checked state is used when the parent listbox is in multiple selection mode.\nTo avoid accessibility conflicts, the checked state should not be present in\nsingle selection mode.",
+              "fieldName": "checked"
+            },
             {
               "name": "selected",
               "type": {
@@ -21125,14 +21133,6 @@
             }
           ],
           "members": [
-            {
-              "kind": "field",
-              "name": "ariaLabel",
-              "type": {
-                "text": "string | null"
-              },
-              "default": "null"
-            },
             {
               "kind": "field",
               "name": "connotation",
@@ -21532,14 +21532,6 @@
             }
           ],
           "attributes": [
-            {
-              "name": "aria-label",
-              "type": {
-                "text": "string | null"
-              },
-              "default": "null",
-              "fieldName": "ariaLabel"
-            },
             {
               "name": "connotation",
               "type": {
@@ -25717,16 +25709,6 @@
               "description": "Controls the checked state of the box",
               "privacy": "public"
             },
-            {
-              "kind": "field",
-              "name": "clickable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "privacy": "public",
-              "description": ""
-            },
             {
               "kind": "field",
               "name": "clickableBox",
@@ -25834,14 +25816,6 @@
               "description": "Controls the checked state of the box",
               "fieldName": "checked"
             },
-            {
-              "name": "clickable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "clickable"
-            },
             {
               "name": "clickable-box",
               "type": {
@@ -32401,6 +32375,12 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/lib/toggletip/locale.ts",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "src/lib/toggletip/toggletip.ts",
@@ -32426,12 +32406,12 @@
           "members": [
             {
               "kind": "field",
-              "name": "#ANCHOR_ARIA_LABEL_SUFFIX",
+              "name": "#originalAriaLabel",
               "privacy": "private",
               "type": {
-                "text": "string"
+                "text": "string | null"
               },
-              "default": "' ; Show more information'"
+              "default": "null"
             },
             {
               "kind": "field",
@@ -32680,6 +32660,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "Localized",
+              "module": "/src/shared/patterns"
+            },
             {
               "name": "Anchored",
               "module": "/src/shared/patterns/anchored"
@@ -33045,9 +33029,7 @@
                 "text": "Element"
               }
             }
-          ],
-          "description": "check if the item is a tree item",
-          "privacy": "public"
+          ]
         },
         {
           "kind": "class",
@@ -36281,18 +36263,6 @@
               "static": true,
               "description": "Core component name, without prefix"
             },
-            {
-              "kind": "field",
-              "name": "specialHandling",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "inheritedFrom": {
-                "name": "AriaMixin",
-                "module": "src/shared/aria/aria-mixin.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "_vividAriaBehaviour",
@@ -37339,14 +37309,6 @@
           "description": "Mixin for all components. Declares all ARIA attributes.",
           "name": "AriaMixin",
           "members": [
-            {
-              "kind": "field",
-              "name": "specialHandling",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
             {
               "kind": "field",
               "name": "_vividAriaBehaviour",
@@ -37393,6 +37355,60 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/shared/aria/attribute-removal.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "handleAriaPropertyChange",
+          "parameters": [
+            {
+              "name": "element",
+              "type": {
+                "text": "AriaMixinElement"
+              }
+            },
+            {
+              "name": "ariaProperty",
+              "type": {
+                "text": "AriaPropertyName"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "handleElementConnectedCallback",
+          "parameters": [
+            {
+              "name": "element",
+              "type": {
+                "text": "AriaMixinElement"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "handleAriaPropertyChange",
+          "declaration": {
+            "name": "handleAriaPropertyChange",
+            "module": "src/shared/aria/attribute-removal.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "handleElementConnectedCallback",
+          "declaration": {
+            "name": "handleElementConnectedCallback",
+            "module": "src/shared/aria/attribute-removal.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/shared/aria/delegate-aria-behavior.ts",
@@ -37420,15 +37436,6 @@
               "privacy": "private",
               "readonly": true
             },
-            {
-              "kind": "field",
-              "name": "isMitigationDisabled",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "readonly": true
-            },
             {
               "kind": "field",
               "name": "source",
@@ -37568,20 +37575,6 @@
                   }
                 }
               ]
-            },
-            {
-              "kind": "method",
-              "name": "mitigateAccessibilityIssues",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "source",
-                  "type": {
-                    "text": "AriaMixinElement"
-                  }
-                }
-              ],
-              "description": "Sets role to presentation unless there are properties present that prohibit it.\nUsing role=\"presentation\" will cause non-global states or properties to be ignored.\nSee: https://www.w3.org/TR/wai-aria-1.3/#conflict_resolution_presentation_none"
             }
           ]
         }
@@ -37882,18 +37875,6 @@
                 "module": "src/shared/foundation/vivid-element/vivid-element.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "specialHandling",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "inheritedFrom": {
-                "name": "VividElement",
-                "module": "src/shared/foundation/vivid-element/vivid-element.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "_vividAriaBehaviour",
@@ -38444,18 +38425,6 @@
                 "module": "src/shared/foundation/vivid-element/vivid-element.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "specialHandling",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "inheritedFrom": {
-                "name": "VividElement",
-                "module": "src/shared/foundation/vivid-element/vivid-element.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "_vividAriaBehaviour",
@@ -39314,18 +39283,6 @@
                 "module": "src/shared/foundation/vivid-element/vivid-element.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "specialHandling",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "inheritedFrom": {
-                "name": "VividElement",
-                "module": "src/shared/foundation/vivid-element/vivid-element.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "_vividAriaBehaviour",

package/lib/accordion-item/accordion-item.d.ts

@@ -9,7 +9,6 @@ declare const AccordionItem_base: {
         icon?: string | undefined;
         iconSlottedContent?: HTMLElement[] | undefined;
         connectedCallback(): void;
-        specialHandling: boolean;
         _vividAriaBehaviour: import("../../shared/aria/aria-mixin").VividAriaBehaviour;
         readonly $fastController: import("@microsoft/fast-element").Controller;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
@@ -335,6 +334,48 @@ declare const AccordionItem_base: {
         ariaDescription: string | null;
         ariaRowIndexText: string | null;
         ariaRelevant: string | null;
+        roleChanged(prev: string | null, next: string | null): void;
+        ariaAtomicChanged(prev: string | null, next: string | null): void;
+        ariaAutoCompleteChanged(prev: string | null, next: string | null): void;
+        ariaBusyChanged(prev: string | null, next: string | null): void;
+        ariaCheckedChanged(prev: string | null, next: string | null): void;
+        ariaColCountChanged(prev: string | null, next: string | null): void;
+        ariaColIndexChanged(prev: string | null, next: string | null): void;
+        ariaColIndexTextChanged(prev: string | null, next: string | null): void;
+        ariaColSpanChanged(prev: string | null, next: string | null): void;
+        ariaCurrentChanged(prev: string | null, next: string | null): void;
+        ariaDescriptionChanged(prev: string | null, next: string | null): void;
+        ariaDisabledChanged(prev: string | null, next: string | null): void;
+        ariaExpandedChanged(prev: string | null, next: string | null): void;
+        ariaHasPopupChanged(prev: string | null, next: string | null): void;
+        ariaHiddenChanged(prev: string | null, next: string | null): void;
+        ariaInvalidChanged(prev: string | null, next: string | null): void;
+        ariaKeyShortcutsChanged(prev: string | null, next: string | null): void;
+        ariaLabelChanged(prev: string | null, next: string | null): void;
+        ariaLevelChanged(prev: string | null, next: string | null): void;
+        ariaLiveChanged(prev: string | null, next: string | null): void;
+        ariaModalChanged(prev: string | null, next: string | null): void;
+        ariaMultiLineChanged(prev: string | null, next: string | null): void;
+        ariaMultiSelectableChanged(prev: string | null, next: string | null): void;
+        ariaOrientationChanged(prev: string | null, next: string | null): void;
+        ariaPlaceholderChanged(prev: string | null, next: string | null): void;
+        ariaPosInSetChanged(prev: string | null, next: string | null): void;
+        ariaPressedChanged(prev: string | null, next: string | null): void;
+        ariaReadOnlyChanged(prev: string | null, next: string | null): void;
+        ariaRequiredChanged(prev: string | null, next: string | null): void;
+        ariaRoleDescriptionChanged(prev: string | null, next: string | null): void;
+        ariaRowCountChanged(prev: string | null, next: string | null): void;
+        ariaRowIndexChanged(prev: string | null, next: string | null): void;
+        ariaRowIndexTextChanged(prev: string | null, next: string | null): void;
+        ariaRowSpanChanged(prev: string | null, next: string | null): void;
+        ariaSelectedChanged(prev: string | null, next: string | null): void;
+        ariaSetSizeChanged(prev: string | null, next: string | null): void;
+        ariaSortChanged(prev: string | null, next: string | null): void;
+        ariaValueMaxChanged(prev: string | null, next: string | null): void;
+        ariaValueMinChanged(prev: string | null, next: string | null): void;
+        ariaValueNowChanged(prev: string | null, next: string | null): void;
+        ariaValueTextChanged(prev: string | null, next: string | null): void;
+        ariaRelevantChanged(prev: string | null, next: string | null): void;
         "__#1@#handleReplacedProp"(replacedProp: {
             newPropertyName: string;
             deprecatedPropertyName: string;

package/lib/action-group/action-group.d.ts

@@ -7,7 +7,6 @@ declare const ActionGroup_base: {
     new (...args: any[]): {
         _vividAriaBehaviour: "delegate";
         connectedCallback(): void;
-        specialHandling: boolean;
         readonly $fastController: import("@microsoft/fast-element").Controller;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
         disconnectedCallback(): void;
@@ -332,6 +331,48 @@ declare const ActionGroup_base: {
         ariaDescription: string | null;
         ariaRowIndexText: string | null;
         ariaRelevant: string | null;
+        roleChanged(prev: string | null, next: string | null): void;
+        ariaAtomicChanged(prev: string | null, next: string | null): void;
+        ariaAutoCompleteChanged(prev: string | null, next: string | null): void;
+        ariaBusyChanged(prev: string | null, next: string | null): void;
+        ariaCheckedChanged(prev: string | null, next: string | null): void;
+        ariaColCountChanged(prev: string | null, next: string | null): void;
+        ariaColIndexChanged(prev: string | null, next: string | null): void;
+        ariaColIndexTextChanged(prev: string | null, next: string | null): void;
+        ariaColSpanChanged(prev: string | null, next: string | null): void;
+        ariaCurrentChanged(prev: string | null, next: string | null): void;
+        ariaDescriptionChanged(prev: string | null, next: string | null): void;
+        ariaDisabledChanged(prev: string | null, next: string | null): void;
+        ariaExpandedChanged(prev: string | null, next: string | null): void;
+        ariaHasPopupChanged(prev: string | null, next: string | null): void;
+        ariaHiddenChanged(prev: string | null, next: string | null): void;
+        ariaInvalidChanged(prev: string | null, next: string | null): void;
+        ariaKeyShortcutsChanged(prev: string | null, next: string | null): void;
+        ariaLabelChanged(prev: string | null, next: string | null): void;
+        ariaLevelChanged(prev: string | null, next: string | null): void;
+        ariaLiveChanged(prev: string | null, next: string | null): void;
+        ariaModalChanged(prev: string | null, next: string | null): void;
+        ariaMultiLineChanged(prev: string | null, next: string | null): void;
+        ariaMultiSelectableChanged(prev: string | null, next: string | null): void;
+        ariaOrientationChanged(prev: string | null, next: string | null): void;
+        ariaPlaceholderChanged(prev: string | null, next: string | null): void;
+        ariaPosInSetChanged(prev: string | null, next: string | null): void;
+        ariaPressedChanged(prev: string | null, next: string | null): void;
+        ariaReadOnlyChanged(prev: string | null, next: string | null): void;
+        ariaRequiredChanged(prev: string | null, next: string | null): void;
+        ariaRoleDescriptionChanged(prev: string | null, next: string | null): void;
+        ariaRowCountChanged(prev: string | null, next: string | null): void;
+        ariaRowIndexChanged(prev: string | null, next: string | null): void;
+        ariaRowIndexTextChanged(prev: string | null, next: string | null): void;
+        ariaRowSpanChanged(prev: string | null, next: string | null): void;
+        ariaSelectedChanged(prev: string | null, next: string | null): void;
+        ariaSetSizeChanged(prev: string | null, next: string | null): void;
+        ariaSortChanged(prev: string | null, next: string | null): void;
+        ariaValueMaxChanged(prev: string | null, next: string | null): void;
+        ariaValueMinChanged(prev: string | null, next: string | null): void;
+        ariaValueNowChanged(prev: string | null, next: string | null): void;
+        ariaValueTextChanged(prev: string | null, next: string | null): void;
+        ariaRelevantChanged(prev: string | null, next: string | null): void;
         "__#1@#handleReplacedProp"(replacedProp: {
             newPropertyName: string;
             deprecatedPropertyName: string;