@vonage/vivid 5.2.0 → 5.4.0

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;
-    "__#20@#isMonthAfterValidRange"(month: Month): boolean | "";
-    "__#20@#isMonthBeforeValidRange"(month: Month): boolean | "";
+    "__#21@#isMonthAfterValidRange"(month: Month): boolean | "";
+    "__#21@#isMonthBeforeValidRange"(month: Month): boolean | "";
     _isMonthInValidRange(month: Month): boolean;
     _closePopup(restoreFocusToTextField?: boolean): void;
     _onPickerButtonClick(): void;
@@ -55,20 +55,20 @@ export declare const CalendarPicker: <T extends AbstractConstructor<PickerField>
     _pickerButtonEl: import("../../..").VwcButtonElement;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    "__#19@#onFocusIn": () => void;
-    "__#19@#onFocusOut": () => void;
+    "__#20@#onFocusIn": () => void;
+    "__#20@#onFocusOut": () => void;
     proxy: HTMLInputElement;
     validate(): void;
     _getCustomValidationError(): string | null;
-    "__#19@#localeChangeHandler": {
+    "__#20@#localeChangeHandler": {
         handleChange: () => void;
     };
-    "__#19@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
-    "__#19@#startObservingLocaleChanges"(): void;
-    "__#19@#stopObservingLocaleChanges"(): void;
+    "__#20@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
+    "__#20@#startObservingLocaleChanges"(): void;
+    "__#20@#stopObservingLocaleChanges"(): void;
     _popupOpen: boolean;
-    "__#19@#dismissOnClickOutside": (event: MouseEvent) => void;
-    "__#19@#openPopupIfPossible"(): void;
+    "__#20@#dismissOnClickOutside": (event: MouseEvent) => void;
+    "__#20@#openPopupIfPossible"(): void;
     _onBaseKeyDown(event: KeyboardEvent): boolean;
     _focusableElsWithinDialog(): NodeListOf<HTMLElement>;
     readonly _dialogLabel: string;
@@ -123,9 +123,9 @@ export declare const CalendarPicker: <T extends AbstractConstructor<PickerField>
     _keypressHandler: ((e: KeyboardEvent) => void) & ((e: KeyboardEvent) => void);
     stopPropagation: ((e: Event) => void) & ((e: Event) => void);
     _vividAriaBehaviour: import("../../aria/aria-mixin").VividAriaBehaviour;
-    readonly $fastController: import("@microsoft/fast-element").Controller;
+    readonly $fastController: import("@microsoft/fast-element").ElementController<HTMLElement>;
     $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
     accessKey: string;
     readonly accessKeyLabel: string;
     autocapitalize: string;
@@ -513,10 +513,10 @@ export declare const CalendarPicker: <T extends AbstractConstructor<PickerField>
         _getFeedbackTemplate(ctx: import("../../design-system/defineVividComponent").VividElementDefinitionContext): import("@microsoft/fast-element").ViewTemplate<any, any>;
         connectedCallback(): void;
         _vividAriaBehaviour: import("../../aria/aria-mixin").VividAriaBehaviour;
-        readonly $fastController: import("@microsoft/fast-element").Controller;
+        readonly $fastController: import("@microsoft/fast-element").ElementController<HTMLElement>;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
         disconnectedCallback(): void;
-        attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+        attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;

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;
-    "__#20@#isMonthAfterValidRange"(month: import("../../datetime/month").Month): boolean | "";
-    "__#20@#isMonthBeforeValidRange"(month: import("../../datetime/month").Month): boolean | "";
+    "__#21@#isMonthAfterValidRange"(month: import("../../datetime/month").Month): boolean | "";
+    "__#21@#isMonthBeforeValidRange"(month: import("../../datetime/month").Month): boolean | "";
     _isMonthInValidRange(month: import("../../datetime/month").Month): boolean;
     _closePopup(restoreFocusToTextField?: boolean): void;
     _onPickerButtonClick(): void;
@@ -53,20 +53,20 @@ export declare const CalendarPickerTemplate: (context: VividElementDefinitionCon
     _pickerButtonEl: Button;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    "__#19@#onFocusIn": () => void;
-    "__#19@#onFocusOut": () => void;
+    "__#20@#onFocusIn": () => void;
+    "__#20@#onFocusOut": () => void;
     proxy: HTMLInputElement;
     validate(): void;
     _getCustomValidationError(): string | null;
-    "__#19@#localeChangeHandler": {
+    "__#20@#localeChangeHandler": {
         handleChange: () => void;
     };
-    "__#19@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
-    "__#19@#startObservingLocaleChanges"(): void;
-    "__#19@#stopObservingLocaleChanges"(): void;
+    "__#20@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
+    "__#20@#startObservingLocaleChanges"(): void;
+    "__#20@#stopObservingLocaleChanges"(): void;
     _popupOpen: boolean;
-    "__#19@#dismissOnClickOutside": (event: MouseEvent) => void;
-    "__#19@#openPopupIfPossible"(): void;
+    "__#20@#dismissOnClickOutside": (event: MouseEvent) => void;
+    "__#20@#openPopupIfPossible"(): void;
     _onBaseKeyDown(event: KeyboardEvent): boolean;
     _focusableElsWithinDialog(): NodeListOf<HTMLElement>;
     readonly _dialogLabel: string;
@@ -121,9 +121,9 @@ export declare const CalendarPickerTemplate: (context: VividElementDefinitionCon
     _keypressHandler: ((e: KeyboardEvent) => void) & ((e: KeyboardEvent) => void);
     stopPropagation: ((e: Event) => void) & ((e: Event) => void);
     _vividAriaBehaviour: import("../../aria/aria-mixin").VividAriaBehaviour;
-    readonly $fastController: import("@microsoft/fast-element").Controller;
+    readonly $fastController: import("@microsoft/fast-element").ElementController<HTMLElement>;
     $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
     accessKey: string;
     readonly accessKeyLabel: string;
     autocapitalize: string;
@@ -511,10 +511,10 @@ export declare const CalendarPickerTemplate: (context: VividElementDefinitionCon
         _getFeedbackTemplate(ctx: VividElementDefinitionContext): import("@microsoft/fast-element").ViewTemplate<any, any>;
         connectedCallback(): void;
         _vividAriaBehaviour: import("../../aria/aria-mixin").VividAriaBehaviour;
-        readonly $fastController: import("@microsoft/fast-element").Controller;
+        readonly $fastController: import("@microsoft/fast-element").ElementController<HTMLElement>;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
         disconnectedCallback(): void;
-        attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+        attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;

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

@@ -4,10 +4,10 @@ declare const InlineTimePicker_base: {
         readonly locale: import("../../../localization/Locale").Locale;
         connectedCallback(): void;
         _vividAriaBehaviour: import("../../../aria/aria-mixin").VividAriaBehaviour;
-        readonly $fastController: import("@microsoft/fast-element").Controller;
+        readonly $fastController: import("@microsoft/fast-element").ElementController<HTMLElement>;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
         disconnectedCallback(): void;
-        attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+        attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;

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

@@ -9,8 +9,8 @@ export declare const MinMaxCalendarPicker: <T_5 extends AbstractConstructor<{
     readonly _resolvedMinDate: string;
     readonly _resolvedMaxDate: string;
     _isDateInValidRange(date: string): boolean;
-    "__#20@#isMonthAfterValidRange"(month: import("../../datetime/month").Month): boolean | "";
-    "__#20@#isMonthBeforeValidRange"(month: import("../../datetime/month").Month): boolean | "";
+    "__#21@#isMonthAfterValidRange"(month: import("../../datetime/month").Month): boolean | "";
+    "__#21@#isMonthBeforeValidRange"(month: import("../../datetime/month").Month): boolean | "";
     _isMonthInValidRange(month: import("../../datetime/month").Month): boolean;
     _closePopup(restoreFocusToTextField?: boolean): void;
     _onPickerButtonClick(): void;
@@ -53,20 +53,20 @@ export declare const MinMaxCalendarPicker: <T_5 extends AbstractConstructor<{
     _pickerButtonEl: import("../../..").VwcButtonElement;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    "__#19@#onFocusIn": () => void;
-    "__#19@#onFocusOut": () => void;
+    "__#20@#onFocusIn": () => void;
+    "__#20@#onFocusOut": () => void;
     proxy: HTMLInputElement;
     validate(): void;
     _getCustomValidationError(): string | null;
-    "__#19@#localeChangeHandler": {
+    "__#20@#localeChangeHandler": {
         handleChange: () => void;
     };
-    "__#19@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
-    "__#19@#startObservingLocaleChanges"(): void;
-    "__#19@#stopObservingLocaleChanges"(): void;
+    "__#20@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
+    "__#20@#startObservingLocaleChanges"(): void;
+    "__#20@#stopObservingLocaleChanges"(): void;
     _popupOpen: boolean;
-    "__#19@#dismissOnClickOutside": (event: MouseEvent) => void;
-    "__#19@#openPopupIfPossible"(): void;
+    "__#20@#dismissOnClickOutside": (event: MouseEvent) => void;
+    "__#20@#openPopupIfPossible"(): void;
     _onBaseKeyDown(event: KeyboardEvent): boolean;
     _focusableElsWithinDialog(): NodeListOf<HTMLElement>;
     readonly _dialogLabel: string;
@@ -121,9 +121,9 @@ export declare const MinMaxCalendarPicker: <T_5 extends AbstractConstructor<{
     _keypressHandler: ((e: KeyboardEvent) => void) & ((e: KeyboardEvent) => void);
     stopPropagation: ((e: Event) => void) & ((e: Event) => void);
     _vividAriaBehaviour: import("../../aria/aria-mixin").VividAriaBehaviour;
-    readonly $fastController: import("@microsoft/fast-element").Controller;
+    readonly $fastController: import("@microsoft/fast-element").ElementController<HTMLElement>;
     $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
     accessKey: string;
     readonly accessKeyLabel: string;
     autocapitalize: string;
@@ -511,10 +511,10 @@ export declare const MinMaxCalendarPicker: <T_5 extends AbstractConstructor<{
         _getFeedbackTemplate(ctx: import("../../design-system/defineVividComponent").VividElementDefinitionContext): import("@microsoft/fast-element").ViewTemplate<any, any>;
         connectedCallback(): void;
         _vividAriaBehaviour: import("../../aria/aria-mixin").VividAriaBehaviour;
-        readonly $fastController: import("@microsoft/fast-element").Controller;
+        readonly $fastController: import("@microsoft/fast-element").ElementController<HTMLElement>;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
         disconnectedCallback(): void;
-        attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+        attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -903,8 +903,8 @@ export declare const MinMaxCalendarPicker: <T_5 extends AbstractConstructor<{
     _currentDate: string;
     _currentMonth: import("../../datetime/month").Month;
     _isDateInValidRange(date: string): boolean;
-    "__#20@#isMonthAfterValidRange"(month: import("../../datetime/month").Month): boolean | "";
-    "__#20@#isMonthBeforeValidRange"(month: import("../../datetime/month").Month): boolean | "";
+    "__#21@#isMonthAfterValidRange"(month: import("../../datetime/month").Month): boolean | "";
+    "__#21@#isMonthBeforeValidRange"(month: import("../../datetime/month").Month): boolean | "";
     _isMonthInValidRange(month: import("../../datetime/month").Month): boolean;
     _closePopup: ((restoreFocusToTextField?: boolean) => void) & ((restoreFocusToTextField?: boolean) => void);
     _onPickerButtonClick: (() => void) & (() => void);
@@ -947,20 +947,20 @@ export declare const MinMaxCalendarPicker: <T_5 extends AbstractConstructor<{
     _pickerButtonEl: import("../../..").VwcButtonElement;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    "__#19@#onFocusIn": () => void;
-    "__#19@#onFocusOut": () => void;
+    "__#20@#onFocusIn": () => void;
+    "__#20@#onFocusOut": () => void;
     proxy: HTMLInputElement;
     validate(): void;
     _getCustomValidationError(): string | null;
-    "__#19@#localeChangeHandler": {
+    "__#20@#localeChangeHandler": {
         handleChange: () => void;
     };
-    "__#19@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
-    "__#19@#startObservingLocaleChanges"(): void;
-    "__#19@#stopObservingLocaleChanges"(): void;
+    "__#20@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
+    "__#20@#startObservingLocaleChanges"(): void;
+    "__#20@#stopObservingLocaleChanges"(): void;
     _popupOpen: boolean;
-    "__#19@#dismissOnClickOutside": (event: MouseEvent) => void;
-    "__#19@#openPopupIfPossible"(): void;
+    "__#20@#dismissOnClickOutside": (event: MouseEvent) => void;
+    "__#20@#openPopupIfPossible"(): void;
     _onBaseKeyDown(event: KeyboardEvent): boolean;
     _focusableElsWithinDialog(): NodeListOf<HTMLElement>;
     readonly _dialogLabel: string;
@@ -1015,9 +1015,9 @@ export declare const MinMaxCalendarPicker: <T_5 extends AbstractConstructor<{
     _keypressHandler: ((e: KeyboardEvent) => void) & ((e: KeyboardEvent) => void);
     stopPropagation: ((e: Event) => void) & ((e: Event) => void);
     _vividAriaBehaviour: import("../../aria/aria-mixin").VividAriaBehaviour;
-    readonly $fastController: import("@microsoft/fast-element").Controller;
+    readonly $fastController: import("@microsoft/fast-element").ElementController<HTMLElement>;
     $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
     accessKey: string;
     readonly accessKeyLabel: string;
     autocapitalize: string;
@@ -1405,10 +1405,10 @@ export declare const MinMaxCalendarPicker: <T_5 extends AbstractConstructor<{
         _getFeedbackTemplate(ctx: import("../../design-system/defineVividComponent").VividElementDefinitionContext): import("@microsoft/fast-element").ViewTemplate<any, any>;
         connectedCallback(): void;
         _vividAriaBehaviour: import("../../aria/aria-mixin").VividAriaBehaviour;
-        readonly $fastController: import("@microsoft/fast-element").Controller;
+        readonly $fastController: import("@microsoft/fast-element").ElementController<HTMLElement>;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
         disconnectedCallback(): void;
-        attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+        attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;

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

@@ -8,8 +8,8 @@ export declare const SingleDatePickerMixin: <T_6 extends AbstractConstructor<{
     readonly _resolvedMinDate: string;
     readonly _resolvedMaxDate: string;
     _isDateInValidRange(date: string): boolean;
-    "__#20@#isMonthAfterValidRange"(month: import("../../datetime/month").Month): boolean | "";
-    "__#20@#isMonthBeforeValidRange"(month: import("../../datetime/month").Month): boolean | "";
+    "__#21@#isMonthAfterValidRange"(month: import("../../datetime/month").Month): boolean | "";
+    "__#21@#isMonthBeforeValidRange"(month: import("../../datetime/month").Month): boolean | "";
     _isMonthInValidRange(month: import("../../datetime/month").Month): boolean;
     _closePopup(restoreFocusToTextField?: boolean): void;
     _onPickerButtonClick(): void;
@@ -52,20 +52,20 @@ export declare const SingleDatePickerMixin: <T_6 extends AbstractConstructor<{
     _pickerButtonEl: import("../../..").VwcButtonElement;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    "__#19@#onFocusIn": () => void;
-    "__#19@#onFocusOut": () => void;
+    "__#20@#onFocusIn": () => void;
+    "__#20@#onFocusOut": () => void;
     proxy: HTMLInputElement;
     validate(): void;
     _getCustomValidationError(): string | null;
-    "__#19@#localeChangeHandler": {
+    "__#20@#localeChangeHandler": {
         handleChange: () => void;
     };
-    "__#19@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
-    "__#19@#startObservingLocaleChanges"(): void;
-    "__#19@#stopObservingLocaleChanges"(): void;
+    "__#20@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
+    "__#20@#startObservingLocaleChanges"(): void;
+    "__#20@#stopObservingLocaleChanges"(): void;
     _popupOpen: boolean;
-    "__#19@#dismissOnClickOutside": (event: MouseEvent) => void;
-    "__#19@#openPopupIfPossible"(): void;
+    "__#20@#dismissOnClickOutside": (event: MouseEvent) => void;
+    "__#20@#openPopupIfPossible"(): void;
     _onBaseKeyDown(event: KeyboardEvent): boolean;
     _focusableElsWithinDialog(): NodeListOf<HTMLElement>;
     readonly _dialogLabel: string;
@@ -120,9 +120,9 @@ export declare const SingleDatePickerMixin: <T_6 extends AbstractConstructor<{
     _keypressHandler: ((e: KeyboardEvent) => void) & ((e: KeyboardEvent) => void);
     stopPropagation: ((e: Event) => void) & ((e: Event) => void);
     _vividAriaBehaviour: import("../../aria/aria-mixin").VividAriaBehaviour;
-    readonly $fastController: import("@microsoft/fast-element").Controller;
+    readonly $fastController: import("@microsoft/fast-element").ElementController<HTMLElement>;
     $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
     accessKey: string;
     readonly accessKeyLabel: string;
     autocapitalize: string;
@@ -510,10 +510,10 @@ export declare const SingleDatePickerMixin: <T_6 extends AbstractConstructor<{
         _getFeedbackTemplate(ctx: import("../../design-system/defineVividComponent").VividElementDefinitionContext): import("@microsoft/fast-element").ViewTemplate<any, any>;
         connectedCallback(): void;
         _vividAriaBehaviour: import("../../aria/aria-mixin").VividAriaBehaviour;
-        readonly $fastController: import("@microsoft/fast-element").Controller;
+        readonly $fastController: import("@microsoft/fast-element").ElementController<HTMLElement>;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
         disconnectedCallback(): void;
-        attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+        attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -909,20 +909,20 @@ export declare const SingleDatePickerMixin: <T_6 extends AbstractConstructor<{
     _pickerButtonEl: import("../../..").VwcButtonElement;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    "__#19@#onFocusIn": () => void;
-    "__#19@#onFocusOut": () => void;
+    "__#20@#onFocusIn": () => void;
+    "__#20@#onFocusOut": () => void;
     proxy: HTMLInputElement;
     validate(): void;
     _getCustomValidationError(): string | null;
-    "__#19@#localeChangeHandler": {
+    "__#20@#localeChangeHandler": {
         handleChange: () => void;
     };
-    "__#19@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
-    "__#19@#startObservingLocaleChanges"(): void;
-    "__#19@#stopObservingLocaleChanges"(): void;
+    "__#20@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
+    "__#20@#startObservingLocaleChanges"(): void;
+    "__#20@#stopObservingLocaleChanges"(): void;
     _popupOpen: boolean;
-    "__#19@#dismissOnClickOutside": (event: MouseEvent) => void;
-    "__#19@#openPopupIfPossible"(): void;
+    "__#20@#dismissOnClickOutside": (event: MouseEvent) => void;
+    "__#20@#openPopupIfPossible"(): void;
     _closePopup(restoreFocusToTextField?: boolean): void;
     _onBaseKeyDown(event: KeyboardEvent): boolean;
     _focusableElsWithinDialog(): NodeListOf<HTMLElement>;
@@ -974,9 +974,9 @@ export declare const SingleDatePickerMixin: <T_6 extends AbstractConstructor<{
     _keypressHandler: ((e: KeyboardEvent) => void) & ((e: KeyboardEvent) => void);
     stopPropagation: ((e: Event) => void) & ((e: Event) => void);
     _vividAriaBehaviour: import("../../aria/aria-mixin").VividAriaBehaviour;
-    readonly $fastController: import("@microsoft/fast-element").Controller;
+    readonly $fastController: import("@microsoft/fast-element").ElementController<HTMLElement>;
     $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
     accessKey: string;
     readonly accessKeyLabel: string;
     autocapitalize: string;
@@ -1364,10 +1364,10 @@ export declare const SingleDatePickerMixin: <T_6 extends AbstractConstructor<{
         _getFeedbackTemplate(ctx: import("../../design-system/defineVividComponent").VividElementDefinitionContext): import("@microsoft/fast-element").ViewTemplate<any, any>;
         connectedCallback(): void;
         _vividAriaBehaviour: import("../../aria/aria-mixin").VividAriaBehaviour;
-        readonly $fastController: import("@microsoft/fast-element").Controller;
+        readonly $fastController: import("@microsoft/fast-element").ElementController<HTMLElement>;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
         disconnectedCallback(): void;
-        attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+        attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -1759,8 +1759,8 @@ export declare const SingleDatePickerMixin: <T_6 extends AbstractConstructor<{
     readonly _resolvedMinDate: string;
     readonly _resolvedMaxDate: string;
     _isDateInValidRange(date: string): boolean;
-    "__#20@#isMonthAfterValidRange"(month: import("../../datetime/month").Month): boolean | "";
-    "__#20@#isMonthBeforeValidRange"(month: import("../../datetime/month").Month): boolean | "";
+    "__#21@#isMonthAfterValidRange"(month: import("../../datetime/month").Month): boolean | "";
+    "__#21@#isMonthBeforeValidRange"(month: import("../../datetime/month").Month): boolean | "";
     _isMonthInValidRange(month: import("../../datetime/month").Month): boolean;
     _closePopup: ((restoreFocusToTextField?: boolean) => void) & ((restoreFocusToTextField?: boolean) => void);
     _onPickerButtonClick: (() => void) & (() => void);
@@ -1799,20 +1799,20 @@ export declare const SingleDatePickerMixin: <T_6 extends AbstractConstructor<{
     _pickerButtonEl: import("../../..").VwcButtonElement;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    "__#19@#onFocusIn": () => void;
-    "__#19@#onFocusOut": () => void;
+    "__#20@#onFocusIn": () => void;
+    "__#20@#onFocusOut": () => void;
     proxy: HTMLInputElement;
     validate(): void;
     _getCustomValidationError(): string | null;
-    "__#19@#localeChangeHandler": {
+    "__#20@#localeChangeHandler": {
         handleChange: () => void;
     };
-    "__#19@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
-    "__#19@#startObservingLocaleChanges"(): void;
-    "__#19@#stopObservingLocaleChanges"(): void;
+    "__#20@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
+    "__#20@#startObservingLocaleChanges"(): void;
+    "__#20@#stopObservingLocaleChanges"(): void;
     _popupOpen: boolean;
-    "__#19@#dismissOnClickOutside": (event: MouseEvent) => void;
-    "__#19@#openPopupIfPossible"(): void;
+    "__#20@#dismissOnClickOutside": (event: MouseEvent) => void;
+    "__#20@#openPopupIfPossible"(): void;
     _onBaseKeyDown(event: KeyboardEvent): boolean;
     _focusableElsWithinDialog(): NodeListOf<HTMLElement>;
     readonly _dialogLabel: string;
@@ -1866,9 +1866,9 @@ export declare const SingleDatePickerMixin: <T_6 extends AbstractConstructor<{
     _keypressHandler: ((e: KeyboardEvent) => void) & ((e: KeyboardEvent) => void);
     stopPropagation: ((e: Event) => void) & ((e: Event) => void);
     _vividAriaBehaviour: import("../../aria/aria-mixin").VividAriaBehaviour;
-    readonly $fastController: import("@microsoft/fast-element").Controller;
+    readonly $fastController: import("@microsoft/fast-element").ElementController<HTMLElement>;
     $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
     accessKey: string;
     readonly accessKeyLabel: string;
     autocapitalize: string;
@@ -2256,10 +2256,10 @@ export declare const SingleDatePickerMixin: <T_6 extends AbstractConstructor<{
         _getFeedbackTemplate(ctx: import("../../design-system/defineVividComponent").VividElementDefinitionContext): import("@microsoft/fast-element").ViewTemplate<any, any>;
         connectedCallback(): void;
         _vividAriaBehaviour: import("../../aria/aria-mixin").VividAriaBehaviour;
-        readonly $fastController: import("@microsoft/fast-element").Controller;
+        readonly $fastController: import("@microsoft/fast-element").ElementController<HTMLElement>;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
         disconnectedCallback(): void;
-        attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+        attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;

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

@@ -19,20 +19,20 @@ export declare const SingleValuePicker: <T extends AbstractConstructor<PickerFie
     _pickerButtonEl: import("../../..").VwcButtonElement;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    "__#19@#onFocusIn": () => void;
-    "__#19@#onFocusOut": () => void;
+    "__#20@#onFocusIn": () => void;
+    "__#20@#onFocusOut": () => void;
     proxy: HTMLInputElement;
     validate(): void;
     _getCustomValidationError(): string | null;
-    "__#19@#localeChangeHandler": {
+    "__#20@#localeChangeHandler": {
         handleChange: () => void;
     };
-    "__#19@#localeChangeObserver": import("@microsoft/fast-element").BindingObserver<any, any, any>;
-    "__#19@#startObservingLocaleChanges"(): void;
-    "__#19@#stopObservingLocaleChanges"(): void;
+    "__#20@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
+    "__#20@#startObservingLocaleChanges"(): void;
+    "__#20@#stopObservingLocaleChanges"(): void;
     _popupOpen: boolean;
-    "__#19@#dismissOnClickOutside": (event: MouseEvent) => void;
-    "__#19@#openPopupIfPossible"(): void;
+    "__#20@#dismissOnClickOutside": (event: MouseEvent) => void;
+    "__#20@#openPopupIfPossible"(): void;
     _closePopup(restoreFocusToTextField?: boolean): void;
     _onBaseKeyDown(event: KeyboardEvent): boolean;
     _focusableElsWithinDialog(): NodeListOf<HTMLElement>;
@@ -84,9 +84,9 @@ export declare const SingleValuePicker: <T extends AbstractConstructor<PickerFie
     _keypressHandler: ((e: KeyboardEvent) => void) & ((e: KeyboardEvent) => void);
     stopPropagation: ((e: Event) => void) & ((e: Event) => void);
     _vividAriaBehaviour: import("../../aria/aria-mixin").VividAriaBehaviour;
-    readonly $fastController: import("@microsoft/fast-element").Controller;
+    readonly $fastController: import("@microsoft/fast-element").ElementController<HTMLElement>;
     $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
     accessKey: string;
     readonly accessKeyLabel: string;
     autocapitalize: string;
@@ -474,10 +474,10 @@ export declare const SingleValuePicker: <T extends AbstractConstructor<PickerFie
         _getFeedbackTemplate(ctx: import("../../design-system/defineVividComponent").VividElementDefinitionContext): import("@microsoft/fast-element").ViewTemplate<any, any>;
         connectedCallback(): void;
         _vividAriaBehaviour: import("../../aria/aria-mixin").VividAriaBehaviour;
-        readonly $fastController: import("@microsoft/fast-element").Controller;
+        readonly $fastController: import("@microsoft/fast-element").ElementController<HTMLElement>;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
         disconnectedCallback(): void;
-        attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+        attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;