@vonage/vivid 4.31.0 → 5.0.0

package/shared/foundation/vivid-element/vivid-element.d.ts

@@ -1,11 +1,10 @@
 import { FASTElement } from '@microsoft/fast-element';
 declare const VividElement_base: {
     new (...args: any[]): {
-        specialHandling: boolean;
         _vividAriaBehaviour: import("../../aria/aria-mixin").VividAriaBehaviour;
+        connectedCallback(): void;
         readonly $fastController: import("@microsoft/fast-element").Controller;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
-        connectedCallback(): void;
         disconnectedCallback(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         accessKey: string;
@@ -328,6 +327,48 @@ declare const VividElement_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;
     };
 } & {
     new (...args: any[]): {

package/shared/listbox.cjs

@@ -124,7 +124,7 @@ const _Listbox = class _Listbox extends vividElement.VividElement {
    */
   clickHandler(e) {
     const captured = e.target.closest(
-      `option,[role=option]`
+      `option,[role=option],[data-vvd-component=option]`
     );
     if (captured && !captured.disabled) {
       this.selectedIndex = this.options.indexOf(captured);

package/shared/listbox.js

@@ -122,7 +122,7 @@ const _Listbox = class _Listbox extends VividElement {
    */
   clickHandler(e) {
     const captured = e.target.closest(
-      `option,[role=option]`
+      `option,[role=option],[data-vvd-component=option]`
     );
     if (captured && !captured.disabled) {
       this.selectedIndex = this.options.indexOf(captured);

package/shared/option.cjs

@@ -16,7 +16,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 function isListboxOption(el) {
-  return dom.isHTMLElement(el) && (el.getAttribute("role") === "option" || el instanceof HTMLOptionElement);
+  return dom.isHTMLElement(el) && (el.getAttribute("role") === "option" || el instanceof HTMLOptionElement || el instanceof ListboxOption);
 }
 class ListboxOption extends hostSemantics.HostSemantics(
   affix.AffixIconWithTrailing(vividElement.VividElement)
@@ -138,7 +138,20 @@ class ListboxOption extends hostSemantics.HostSemantics(
   }
 }
 __decorateClass([
-  vividElement.observable
+  vividElement.attr({
+    converter: {
+      fromView: (value) => {
+        if (value === true || value === "true") {
+          return true;
+        }
+        if (value === false || value === "false") {
+          return false;
+        }
+        return void 0;
+      },
+      toView: (value) => value
+    }
+  })
 ], ListboxOption.prototype, "checked", 2);
 __decorateClass([
   vividElement.attr({ attribute: "selected", mode: "boolean" })

package/shared/option.js

@@ -1,5 +1,5 @@
 import { A as AffixIconWithTrailing } from './affix.js';
-import { V as VividElement, o as observable, a as attr, v as volatile } from './vivid-element.js';
+import { V as VividElement, a as attr, o as observable, v as volatile } from './vivid-element.js';
 import { H as HostSemantics } from './host-semantics.js';
 import { i as isHTMLElement } from './dom.js';
 
@@ -14,7 +14,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 function isListboxOption(el) {
-  return isHTMLElement(el) && (el.getAttribute("role") === "option" || el instanceof HTMLOptionElement);
+  return isHTMLElement(el) && (el.getAttribute("role") === "option" || el instanceof HTMLOptionElement || el instanceof ListboxOption);
 }
 class ListboxOption extends HostSemantics(
   AffixIconWithTrailing(VividElement)
@@ -136,7 +136,20 @@ class ListboxOption extends HostSemantics(
   }
 }
 __decorateClass([
-  observable
+  attr({
+    converter: {
+      fromView: (value) => {
+        if (value === true || value === "true") {
+          return true;
+        }
+        if (value === false || value === "false") {
+          return false;
+        }
+        return void 0;
+      },
+      toView: (value) => value
+    }
+  })
 ], ListboxOption.prototype, "checked", 2);
 __decorateClass([
   attr({ attribute: "selected", mode: "boolean" })

package/shared/patterns/affix.d.ts

@@ -7,7 +7,6 @@ export declare const AffixIcon: <T extends Constructor<VividElement>>(Base: T) =
         icon?: string | undefined;
         iconSlottedContent?: HTMLElement[] | undefined;
         connectedCallback(): void;
-        specialHandling: boolean;
         _vividAriaBehaviour: import("../aria/aria-mixin").VividAriaBehaviour;
         readonly $fastController: import("@microsoft/fast-element").Controller;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
@@ -333,6 +332,48 @@ export declare const AffixIcon: <T extends Constructor<VividElement>>(Base: T) =
         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;
@@ -348,7 +389,6 @@ export declare const AffixIconWithTrailing: <T extends Constructor<VividElement>
         icon?: string | undefined;
         iconSlottedContent?: HTMLElement[] | undefined;
         connectedCallback(): void;
-        specialHandling: boolean;
         _vividAriaBehaviour: import("../aria/aria-mixin").VividAriaBehaviour;
         readonly $fastController: import("@microsoft/fast-element").Controller;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
@@ -674,6 +714,48 @@ export declare const AffixIconWithTrailing: <T extends Constructor<VividElement>
         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/shared/patterns/anchored.d.ts

@@ -14,7 +14,6 @@ export declare const Anchored: <T extends Constructor<VividElement>>(Base: T) =>
         "__#9@#cleanupObserverIfNeeded": () => void;
         connectedCallback(): void;
         disconnectedCallback(): void;
-        specialHandling: boolean;
         _vividAriaBehaviour: import("../aria/aria-mixin").VividAriaBehaviour;
         readonly $fastController: import("@microsoft/fast-element").Controller;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
@@ -339,6 +338,48 @@ export declare const Anchored: <T extends Constructor<VividElement>>(Base: T) =>
         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;
@@ -360,7 +401,6 @@ export declare const anchorSlotTemplateFactory: () => import("@microsoft/fast-el
     "__#9@#cleanupObserverIfNeeded": () => void;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    specialHandling: boolean;
     _vividAriaBehaviour: import("../aria/aria-mixin").VividAriaBehaviour;
     readonly $fastController: import("@microsoft/fast-element").Controller;
     $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
@@ -685,6 +725,48 @@ export declare const anchorSlotTemplateFactory: () => import("@microsoft/fast-el
     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/shared/patterns/char-count/char-count.d.ts

@@ -14,7 +14,6 @@ export declare const WithCharCount: <T extends Constructor<VividElement>>(Base:
         _getCharCountTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<any, any>;
         readonly locale: import("../../localization/Locale").Locale;
         connectedCallback(): void;
-        specialHandling: boolean;
         _vividAriaBehaviour: import("../../aria/aria-mixin").VividAriaBehaviour;
         readonly $fastController: import("@microsoft/fast-element").Controller;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
@@ -340,6 +339,48 @@ export declare const WithCharCount: <T extends Constructor<VividElement>>(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/shared/patterns/form-elements/form-element.d.ts

@@ -35,7 +35,6 @@ export declare const FormElement: <T_4 extends Constructor<{
     setFormValue(value: string | File | FormData | null, state?: string | File | FormData | null | undefined): void;
     _keypressHandler(e: KeyboardEvent): void;
     stopPropagation(e: Event): void;
-    specialHandling: boolean;
     _vividAriaBehaviour: import("../../aria/aria-mixin").VividAriaBehaviour;
     readonly $fastController: import("@microsoft/fast-element").Controller;
     $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
@@ -360,6 +359,48 @@ export declare const FormElement: <T_4 extends Constructor<{
     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;
@@ -408,7 +449,6 @@ export declare const FormElement: <T_4 extends Constructor<{
         setFormValue(value: string | File | FormData | null, state?: string | File | FormData | null | undefined): void;
         _keypressHandler(e: KeyboardEvent): void;
         stopPropagation(e: Event): void;
-        specialHandling: boolean;
         _vividAriaBehaviour: import("../../aria/aria-mixin").VividAriaBehaviour;
         readonly $fastController: import("@microsoft/fast-element").Controller;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
@@ -733,6 +773,48 @@ export declare const FormElement: <T_4 extends Constructor<{
         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;