@vonage/vivid 4.22.0 → 4.24.0

package/shared/patterns/trapped-focus.d.ts

@@ -4,6 +4,13 @@ export declare const ignoreEventInFocusTraps: (event: Event) => void;
 export declare const TrappedFocus: <T extends Constructor<VividElement>>(Base: T) => {
     new (...args: any[]): {
         _trappedFocus(event: KeyboardEvent, getFocusableEls: () => NodeListOf<HTMLElement>): boolean;
+        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;
+        connectedCallback(): void;
+        disconnectedCallback(): void;
+        attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -320,10 +327,9 @@ export declare const TrappedFocus: <T extends Constructor<VividElement>>(Base: T
         tabIndex: number;
         blur(): void;
         focus(options?: FocusOptions | undefined): 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;
+        ariaColIndexText: string | null;
+        ariaDescription: string | null;
+        ariaRowIndexText: string | null;
+        ariaRelevant: string | null;
     };
 } & T;

package/shared/picker-field/mixins/calendar-picker.d.ts

@@ -11,8 +11,8 @@ export declare const CalendarPicker: <T extends AbstractConstructor<PickerField>
     readonly _resolvedMinDate: string;
     readonly _resolvedMaxDate: string;
     _isDateInValidRange(date: DateStr): boolean;
-    "__#18@#isMonthAfterValidRange"(month: Month): boolean | "";
-    "__#18@#isMonthBeforeValidRange"(month: Month): boolean | "";
+    "__#17@#isMonthAfterValidRange"(month: Month): boolean | "";
+    "__#17@#isMonthBeforeValidRange"(month: Month): boolean | "";
     _isMonthInValidRange(month: Month): boolean;
     _closePopup(restoreFocusToTextField?: boolean): void;
     _onPickerButtonClick(): void;
@@ -58,20 +58,20 @@ export declare const CalendarPicker: <T extends AbstractConstructor<PickerField>
     _pickerButtonEl: import("../../..").VwcButtonElement;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    "__#17@#onFocusIn": () => void;
-    "__#17@#onFocusOut": () => void;
+    "__#16@#onFocusIn": () => void;
+    "__#16@#onFocusOut": () => void;
     errorValidationMessage: string;
     validate(): void;
     _getCustomValidationError(): string | null;
-    "__#17@#localeChangeHandler": {
+    "__#16@#localeChangeHandler": {
         handleChange: () => void;
     };
-    "__#17@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
-    "__#17@#startObservingLocaleChanges"(): void;
-    "__#17@#stopObservingLocaleChanges"(): void;
+    "__#16@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
+    "__#16@#startObservingLocaleChanges"(): void;
+    "__#16@#stopObservingLocaleChanges"(): void;
     _popupOpen: boolean;
-    "__#17@#dismissOnClickOutside": (event: MouseEvent) => void;
-    "__#17@#openPopupIfPossible"(): void;
+    "__#16@#dismissOnClickOutside": (event: MouseEvent) => void;
+    "__#16@#openPopupIfPossible"(): void;
     _onBaseKeyDown(event: KeyboardEvent): boolean;
     _focusableElsWithinDialog(): NodeListOf<HTMLElement>;
     readonly _dialogLabel: string;
@@ -87,6 +87,11 @@ export declare const CalendarPicker: <T extends AbstractConstructor<PickerField>
     _onOkClick(): void;
     _onClearClick(): void;
     _trappedFocus(event: KeyboardEvent, getFocusableEls: () => NodeListOf<HTMLElement>): boolean;
+    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;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     accessKey: string;
     readonly accessKeyLabel: string;
     autocapitalize: string;
@@ -403,9 +408,10 @@ export declare const CalendarPicker: <T extends AbstractConstructor<PickerField>
     tabIndex: number;
     blur(): void;
     focus(options?: FocusOptions | undefined): void;
-    readonly $fastController: import("@microsoft/fast-element").Controller;
-    $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    ariaColIndexText: string | null;
+    ariaDescription: string | null;
+    ariaRowIndexText: string | null;
+    ariaRelevant: string | null;
     readonly locale: import("../../localization/Locale").Locale;
     proxy: HTMLInputElement;
     dirtyValue: boolean;

package/shared/picker-field/mixins/calendar-picker.template.d.ts

@@ -9,8 +9,8 @@ export declare const CalendarPickerTemplate: (context: VividElementDefinitionCon
     readonly _resolvedMinDate: string;
     readonly _resolvedMaxDate: string;
     _isDateInValidRange(date: string): boolean;
-    "__#18@#isMonthAfterValidRange"(month: import("../../datetime/month").Month): boolean | "";
-    "__#18@#isMonthBeforeValidRange"(month: import("../../datetime/month").Month): boolean | "";
+    "__#17@#isMonthAfterValidRange"(month: import("../../datetime/month").Month): boolean | "";
+    "__#17@#isMonthBeforeValidRange"(month: import("../../datetime/month").Month): boolean | "";
     _isMonthInValidRange(month: import("../../datetime/month").Month): boolean;
     _closePopup(restoreFocusToTextField?: boolean): void;
     _onPickerButtonClick(): void;
@@ -56,20 +56,20 @@ export declare const CalendarPickerTemplate: (context: VividElementDefinitionCon
     _pickerButtonEl: Button;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    "__#17@#onFocusIn": () => void;
-    "__#17@#onFocusOut": () => void;
+    "__#16@#onFocusIn": () => void;
+    "__#16@#onFocusOut": () => void;
     errorValidationMessage: string;
     validate(): void;
     _getCustomValidationError(): string | null;
-    "__#17@#localeChangeHandler": {
+    "__#16@#localeChangeHandler": {
         handleChange: () => void;
     };
-    "__#17@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
-    "__#17@#startObservingLocaleChanges"(): void;
-    "__#17@#stopObservingLocaleChanges"(): void;
+    "__#16@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
+    "__#16@#startObservingLocaleChanges"(): void;
+    "__#16@#stopObservingLocaleChanges"(): void;
     _popupOpen: boolean;
-    "__#17@#dismissOnClickOutside": (event: MouseEvent) => void;
-    "__#17@#openPopupIfPossible"(): void;
+    "__#16@#dismissOnClickOutside": (event: MouseEvent) => void;
+    "__#16@#openPopupIfPossible"(): void;
     _onBaseKeyDown(event: KeyboardEvent): boolean;
     _focusableElsWithinDialog(): NodeListOf<HTMLElement>;
     readonly _dialogLabel: string;
@@ -85,6 +85,11 @@ export declare const CalendarPickerTemplate: (context: VividElementDefinitionCon
     _onOkClick(): void;
     _onClearClick(): void;
     _trappedFocus(event: KeyboardEvent, getFocusableEls: () => NodeListOf<HTMLElement>): boolean;
+    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;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     accessKey: string;
     readonly accessKeyLabel: string;
     autocapitalize: string;
@@ -401,9 +406,10 @@ export declare const CalendarPickerTemplate: (context: VividElementDefinitionCon
     tabIndex: number;
     blur(): void;
     focus(options?: FocusOptions | undefined): void;
-    readonly $fastController: import("@microsoft/fast-element").Controller;
-    $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    ariaColIndexText: string | null;
+    ariaDescription: string | null;
+    ariaRowIndexText: string | null;
+    ariaRelevant: string | null;
     readonly locale: import("../../localization/Locale").Locale;
     proxy: HTMLInputElement;
     dirtyValue: boolean;

package/shared/picker-field/mixins/inline-time-picker/inline-time-picker.d.ts

@@ -2,6 +2,13 @@ import { VividElement } from '../../../foundation/vivid-element/vivid-element';
 declare const InlineTimePicker_base: {
     new (...args: any[]): {
         readonly locale: import("../../../localization/Locale").Locale;
+        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;
+        connectedCallback(): void;
+        disconnectedCallback(): void;
+        attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -318,11 +325,10 @@ declare const InlineTimePicker_base: {
         tabIndex: number;
         blur(): void;
         focus(options?: FocusOptions | undefined): 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;
+        ariaColIndexText: string | null;
+        ariaDescription: string | null;
+        ariaRowIndexText: string | null;
+        ariaRelevant: string | null;
     };
 } & typeof VividElement;
 export declare class InlineTimePicker extends InlineTimePicker_base {

package/shared/picker-field/mixins/min-max-calendar-picker.d.ts

@@ -9,8 +9,8 @@ export declare const MinMaxCalendarPicker: <T_4 extends AbstractConstructor<{
     readonly _resolvedMinDate: string;
     readonly _resolvedMaxDate: string;
     _isDateInValidRange(date: string): boolean;
-    "__#18@#isMonthAfterValidRange"(month: import("../../datetime/month").Month): boolean | "";
-    "__#18@#isMonthBeforeValidRange"(month: import("../../datetime/month").Month): boolean | "";
+    "__#17@#isMonthAfterValidRange"(month: import("../../datetime/month").Month): boolean | "";
+    "__#17@#isMonthBeforeValidRange"(month: import("../../datetime/month").Month): boolean | "";
     _isMonthInValidRange(month: import("../../datetime/month").Month): boolean;
     _closePopup(restoreFocusToTextField?: boolean): void;
     _onPickerButtonClick(): void;
@@ -56,20 +56,20 @@ export declare const MinMaxCalendarPicker: <T_4 extends AbstractConstructor<{
     _pickerButtonEl: import("../../..").VwcButtonElement;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    "__#17@#onFocusIn": () => void;
-    "__#17@#onFocusOut": () => void;
+    "__#16@#onFocusIn": () => void;
+    "__#16@#onFocusOut": () => void;
     errorValidationMessage: string;
     validate(): void;
     _getCustomValidationError(): string | null;
-    "__#17@#localeChangeHandler": {
+    "__#16@#localeChangeHandler": {
         handleChange: () => void;
     };
-    "__#17@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
-    "__#17@#startObservingLocaleChanges"(): void;
-    "__#17@#stopObservingLocaleChanges"(): void;
+    "__#16@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
+    "__#16@#startObservingLocaleChanges"(): void;
+    "__#16@#stopObservingLocaleChanges"(): void;
     _popupOpen: boolean;
-    "__#17@#dismissOnClickOutside": (event: MouseEvent) => void;
-    "__#17@#openPopupIfPossible"(): void;
+    "__#16@#dismissOnClickOutside": (event: MouseEvent) => void;
+    "__#16@#openPopupIfPossible"(): void;
     _onBaseKeyDown(event: KeyboardEvent): boolean;
     _focusableElsWithinDialog(): NodeListOf<HTMLElement>;
     readonly _dialogLabel: string;
@@ -85,6 +85,11 @@ export declare const MinMaxCalendarPicker: <T_4 extends AbstractConstructor<{
     _onOkClick(): void;
     _onClearClick(): void;
     _trappedFocus(event: KeyboardEvent, getFocusableEls: () => NodeListOf<HTMLElement>): boolean;
+    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;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     accessKey: string;
     readonly accessKeyLabel: string;
     autocapitalize: string;
@@ -401,9 +406,10 @@ export declare const MinMaxCalendarPicker: <T_4 extends AbstractConstructor<{
     tabIndex: number;
     blur(): void;
     focus(options?: FocusOptions | undefined): void;
-    readonly $fastController: import("@microsoft/fast-element").Controller;
-    $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    ariaColIndexText: string | null;
+    ariaDescription: string | null;
+    ariaRowIndexText: string | null;
+    ariaRelevant: string | null;
     readonly locale: import("../../localization/Locale").Locale;
     proxy: HTMLInputElement;
     dirtyValue: boolean;
@@ -446,8 +452,8 @@ export declare const MinMaxCalendarPicker: <T_4 extends AbstractConstructor<{
     _currentDate: string;
     _currentMonth: import("../../datetime/month").Month;
     _isDateInValidRange(date: string): boolean;
-    "__#18@#isMonthAfterValidRange"(month: import("../../datetime/month").Month): boolean | "";
-    "__#18@#isMonthBeforeValidRange"(month: import("../../datetime/month").Month): boolean | "";
+    "__#17@#isMonthAfterValidRange"(month: import("../../datetime/month").Month): boolean | "";
+    "__#17@#isMonthBeforeValidRange"(month: import("../../datetime/month").Month): boolean | "";
     _isMonthInValidRange(month: import("../../datetime/month").Month): boolean;
     _closePopup: ((restoreFocusToTextField?: boolean) => void) & ((restoreFocusToTextField?: boolean) => void);
     _onPickerButtonClick: (() => void) & (() => void);
@@ -493,20 +499,20 @@ export declare const MinMaxCalendarPicker: <T_4 extends AbstractConstructor<{
     _pickerButtonEl: import("../../..").VwcButtonElement;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    "__#17@#onFocusIn": () => void;
-    "__#17@#onFocusOut": () => void;
+    "__#16@#onFocusIn": () => void;
+    "__#16@#onFocusOut": () => void;
     errorValidationMessage: string;
     validate(): void;
     _getCustomValidationError(): string | null;
-    "__#17@#localeChangeHandler": {
+    "__#16@#localeChangeHandler": {
         handleChange: () => void;
     };
-    "__#17@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
-    "__#17@#startObservingLocaleChanges"(): void;
-    "__#17@#stopObservingLocaleChanges"(): void;
+    "__#16@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
+    "__#16@#startObservingLocaleChanges"(): void;
+    "__#16@#stopObservingLocaleChanges"(): void;
     _popupOpen: boolean;
-    "__#17@#dismissOnClickOutside": (event: MouseEvent) => void;
-    "__#17@#openPopupIfPossible"(): void;
+    "__#16@#dismissOnClickOutside": (event: MouseEvent) => void;
+    "__#16@#openPopupIfPossible"(): void;
     _onBaseKeyDown(event: KeyboardEvent): boolean;
     _focusableElsWithinDialog(): NodeListOf<HTMLElement>;
     readonly _dialogLabel: string;
@@ -522,6 +528,11 @@ export declare const MinMaxCalendarPicker: <T_4 extends AbstractConstructor<{
     _onOkClick(): void;
     _onClearClick(): void;
     _trappedFocus(event: KeyboardEvent, getFocusableEls: () => NodeListOf<HTMLElement>): boolean;
+    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;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     accessKey: string;
     readonly accessKeyLabel: string;
     autocapitalize: string;
@@ -838,9 +849,10 @@ export declare const MinMaxCalendarPicker: <T_4 extends AbstractConstructor<{
     tabIndex: number;
     blur(): void;
     focus(options?: FocusOptions | undefined): void;
-    readonly $fastController: import("@microsoft/fast-element").Controller;
-    $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    ariaColIndexText: string | null;
+    ariaDescription: string | null;
+    ariaRowIndexText: string | null;
+    ariaRelevant: string | null;
     readonly locale: import("../../localization/Locale").Locale;
     proxy: HTMLInputElement;
     dirtyValue: boolean;

package/shared/picker-field/mixins/single-date-picker.d.ts

@@ -8,8 +8,8 @@ export declare const SingleDatePickerMixin: <T_5 extends AbstractConstructor<{
     readonly _resolvedMinDate: string;
     readonly _resolvedMaxDate: string;
     _isDateInValidRange(date: string): boolean;
-    "__#18@#isMonthAfterValidRange"(month: import("../../datetime/month").Month): boolean | "";
-    "__#18@#isMonthBeforeValidRange"(month: import("../../datetime/month").Month): boolean | "";
+    "__#17@#isMonthAfterValidRange"(month: import("../../datetime/month").Month): boolean | "";
+    "__#17@#isMonthBeforeValidRange"(month: import("../../datetime/month").Month): boolean | "";
     _isMonthInValidRange(month: import("../../datetime/month").Month): boolean;
     _closePopup(restoreFocusToTextField?: boolean): void;
     _onPickerButtonClick(): void;
@@ -55,20 +55,20 @@ export declare const SingleDatePickerMixin: <T_5 extends AbstractConstructor<{
     _pickerButtonEl: import("../../..").VwcButtonElement;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    "__#17@#onFocusIn": () => void;
-    "__#17@#onFocusOut": () => void;
+    "__#16@#onFocusIn": () => void;
+    "__#16@#onFocusOut": () => void;
     errorValidationMessage: string;
     validate(): void;
     _getCustomValidationError(): string | null;
-    "__#17@#localeChangeHandler": {
+    "__#16@#localeChangeHandler": {
         handleChange: () => void;
     };
-    "__#17@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
-    "__#17@#startObservingLocaleChanges"(): void;
-    "__#17@#stopObservingLocaleChanges"(): void;
+    "__#16@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
+    "__#16@#startObservingLocaleChanges"(): void;
+    "__#16@#stopObservingLocaleChanges"(): void;
     _popupOpen: boolean;
-    "__#17@#dismissOnClickOutside": (event: MouseEvent) => void;
-    "__#17@#openPopupIfPossible"(): void;
+    "__#16@#dismissOnClickOutside": (event: MouseEvent) => void;
+    "__#16@#openPopupIfPossible"(): void;
     _onBaseKeyDown(event: KeyboardEvent): boolean;
     _focusableElsWithinDialog(): NodeListOf<HTMLElement>;
     readonly _dialogLabel: string;
@@ -84,6 +84,11 @@ export declare const SingleDatePickerMixin: <T_5 extends AbstractConstructor<{
     _onOkClick(): void;
     _onClearClick(): void;
     _trappedFocus(event: KeyboardEvent, getFocusableEls: () => NodeListOf<HTMLElement>): boolean;
+    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;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     accessKey: string;
     readonly accessKeyLabel: string;
     autocapitalize: string;
@@ -400,9 +405,10 @@ export declare const SingleDatePickerMixin: <T_5 extends AbstractConstructor<{
     tabIndex: number;
     blur(): void;
     focus(options?: FocusOptions | undefined): void;
-    readonly $fastController: import("@microsoft/fast-element").Controller;
-    $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    ariaColIndexText: string | null;
+    ariaDescription: string | null;
+    ariaRowIndexText: string | null;
+    ariaRelevant: string | null;
     readonly locale: import("../../localization/Locale").Locale;
     proxy: HTMLInputElement;
     dirtyValue: boolean;
@@ -453,20 +459,20 @@ export declare const SingleDatePickerMixin: <T_5 extends AbstractConstructor<{
     _pickerButtonEl: import("../../..").VwcButtonElement;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    "__#17@#onFocusIn": () => void;
-    "__#17@#onFocusOut": () => void;
+    "__#16@#onFocusIn": () => void;
+    "__#16@#onFocusOut": () => void;
     errorValidationMessage: string;
     validate(): void;
     _getCustomValidationError(): string | null;
-    "__#17@#localeChangeHandler": {
+    "__#16@#localeChangeHandler": {
         handleChange: () => void;
     };
-    "__#17@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
-    "__#17@#startObservingLocaleChanges"(): void;
-    "__#17@#stopObservingLocaleChanges"(): void;
+    "__#16@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
+    "__#16@#startObservingLocaleChanges"(): void;
+    "__#16@#stopObservingLocaleChanges"(): void;
     _popupOpen: boolean;
-    "__#17@#dismissOnClickOutside": (event: MouseEvent) => void;
-    "__#17@#openPopupIfPossible"(): void;
+    "__#16@#dismissOnClickOutside": (event: MouseEvent) => void;
+    "__#16@#openPopupIfPossible"(): void;
     _closePopup(restoreFocusToTextField?: boolean): void;
     _onBaseKeyDown(event: KeyboardEvent): boolean;
     _focusableElsWithinDialog(): NodeListOf<HTMLElement>;
@@ -481,6 +487,11 @@ export declare const SingleDatePickerMixin: <T_5 extends AbstractConstructor<{
     _onPickerButtonClick(): void;
     _onOkClick(): void;
     _trappedFocus(event: KeyboardEvent, getFocusableEls: () => NodeListOf<HTMLElement>): boolean;
+    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;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     accessKey: string;
     readonly accessKeyLabel: string;
     autocapitalize: string;
@@ -797,9 +808,10 @@ export declare const SingleDatePickerMixin: <T_5 extends AbstractConstructor<{
     tabIndex: number;
     blur(): void;
     focus(options?: FocusOptions | undefined): void;
-    readonly $fastController: import("@microsoft/fast-element").Controller;
-    $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    ariaColIndexText: string | null;
+    ariaDescription: string | null;
+    ariaRowIndexText: string | null;
+    ariaRelevant: string | null;
     readonly locale: import("../../localization/Locale").Locale;
     proxy: HTMLInputElement;
     dirtyValue: boolean;
@@ -844,8 +856,8 @@ export declare const SingleDatePickerMixin: <T_5 extends AbstractConstructor<{
     readonly _resolvedMinDate: string;
     readonly _resolvedMaxDate: string;
     _isDateInValidRange(date: string): boolean;
-    "__#18@#isMonthAfterValidRange"(month: import("../../datetime/month").Month): boolean | "";
-    "__#18@#isMonthBeforeValidRange"(month: import("../../datetime/month").Month): boolean | "";
+    "__#17@#isMonthAfterValidRange"(month: import("../../datetime/month").Month): boolean | "";
+    "__#17@#isMonthBeforeValidRange"(month: import("../../datetime/month").Month): boolean | "";
     _isMonthInValidRange(month: import("../../datetime/month").Month): boolean;
     _closePopup: ((restoreFocusToTextField?: boolean) => void) & ((restoreFocusToTextField?: boolean) => void);
     _onPickerButtonClick: (() => void) & (() => void);
@@ -887,20 +899,20 @@ export declare const SingleDatePickerMixin: <T_5 extends AbstractConstructor<{
     _pickerButtonEl: import("../../..").VwcButtonElement;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    "__#17@#onFocusIn": () => void;
-    "__#17@#onFocusOut": () => void;
+    "__#16@#onFocusIn": () => void;
+    "__#16@#onFocusOut": () => void;
     errorValidationMessage: string;
     validate(): void;
     _getCustomValidationError(): string | null;
-    "__#17@#localeChangeHandler": {
+    "__#16@#localeChangeHandler": {
         handleChange: () => void;
     };
-    "__#17@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
-    "__#17@#startObservingLocaleChanges"(): void;
-    "__#17@#stopObservingLocaleChanges"(): void;
+    "__#16@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
+    "__#16@#startObservingLocaleChanges"(): void;
+    "__#16@#stopObservingLocaleChanges"(): void;
     _popupOpen: boolean;
-    "__#17@#dismissOnClickOutside": (event: MouseEvent) => void;
-    "__#17@#openPopupIfPossible"(): void;
+    "__#16@#dismissOnClickOutside": (event: MouseEvent) => void;
+    "__#16@#openPopupIfPossible"(): void;
     _onBaseKeyDown(event: KeyboardEvent): boolean;
     _focusableElsWithinDialog(): NodeListOf<HTMLElement>;
     readonly _dialogLabel: string;
@@ -916,6 +928,11 @@ export declare const SingleDatePickerMixin: <T_5 extends AbstractConstructor<{
     _onOkClick(): void;
     _onClearClick: (() => void) & (() => void);
     _trappedFocus(event: KeyboardEvent, getFocusableEls: () => NodeListOf<HTMLElement>): boolean;
+    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;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     accessKey: string;
     readonly accessKeyLabel: string;
     autocapitalize: string;
@@ -1232,9 +1249,10 @@ export declare const SingleDatePickerMixin: <T_5 extends AbstractConstructor<{
     tabIndex: number;
     blur(): void;
     focus(options?: FocusOptions | undefined): void;
-    readonly $fastController: import("@microsoft/fast-element").Controller;
-    $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    ariaColIndexText: string | null;
+    ariaDescription: string | null;
+    ariaRowIndexText: string | null;
+    ariaRelevant: string | null;
     readonly locale: import("../../localization/Locale").Locale;
     proxy: HTMLInputElement;
     dirtyValue: boolean;

package/shared/picker-field/mixins/single-value-picker.d.ts

@@ -20,20 +20,20 @@ export declare const SingleValuePicker: <T extends AbstractConstructor<PickerFie
     _pickerButtonEl: import("../../..").VwcButtonElement;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    "__#17@#onFocusIn": () => void;
-    "__#17@#onFocusOut": () => void;
+    "__#16@#onFocusIn": () => void;
+    "__#16@#onFocusOut": () => void;
     errorValidationMessage: string;
     validate(): void;
     _getCustomValidationError(): string | null;
-    "__#17@#localeChangeHandler": {
+    "__#16@#localeChangeHandler": {
         handleChange: () => void;
     };
-    "__#17@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
-    "__#17@#startObservingLocaleChanges"(): void;
-    "__#17@#stopObservingLocaleChanges"(): void;
+    "__#16@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
+    "__#16@#startObservingLocaleChanges"(): void;
+    "__#16@#stopObservingLocaleChanges"(): void;
     _popupOpen: boolean;
-    "__#17@#dismissOnClickOutside": (event: MouseEvent) => void;
-    "__#17@#openPopupIfPossible"(): void;
+    "__#16@#dismissOnClickOutside": (event: MouseEvent) => void;
+    "__#16@#openPopupIfPossible"(): void;
     _closePopup(restoreFocusToTextField?: boolean): void;
     _onBaseKeyDown(event: KeyboardEvent): boolean;
     _focusableElsWithinDialog(): NodeListOf<HTMLElement>;
@@ -48,6 +48,11 @@ export declare const SingleValuePicker: <T extends AbstractConstructor<PickerFie
     _onPickerButtonClick(): void;
     _onOkClick(): void;
     _trappedFocus(event: KeyboardEvent, getFocusableEls: () => NodeListOf<HTMLElement>): boolean;
+    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;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     accessKey: string;
     readonly accessKeyLabel: string;
     autocapitalize: string;
@@ -364,9 +369,10 @@ export declare const SingleValuePicker: <T extends AbstractConstructor<PickerFie
     tabIndex: number;
     blur(): void;
     focus(options?: FocusOptions | undefined): void;
-    readonly $fastController: import("@microsoft/fast-element").Controller;
-    $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    ariaColIndexText: string | null;
+    ariaDescription: string | null;
+    ariaRowIndexText: string | null;
+    ariaRelevant: string | null;
     readonly locale: import("../../localization/Locale").Locale;
     proxy: HTMLInputElement;
     dirtyValue: boolean;