@vonage/vivid 5.2.0 → 5.4.0

package/lib/color-picker/color-picker.template.d.ts

@@ -0,0 +1,3 @@
+import type { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
+import { ColorPicker } from './color-picker';
+export declare const ColorPickerTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<ColorPicker, any>;

package/lib/color-picker/definition.d.ts

@@ -0,0 +1,4 @@
+import { ColorPicker } from './color-picker';
+export declare const colorPickerDefinition: import("../../shared/design-system/defineVividComponent").VividComponentDefinition;
+export declare const registerColorPicker: (prefix?: string) => void;
+export { ColorPicker as VwcColorPickerElement };

package/lib/color-picker/locale.d.ts

@@ -0,0 +1,9 @@
+export interface ColorPickerLocale {
+    popupLabel: string;
+    swatchesLabel: string;
+    pickerButtonLabel: string;
+    saveButtonLabel: string;
+    closeButtonLabel: string;
+    copyButtonLabel: string;
+    copyErrorText: string;
+}

package/lib/combobox/combobox.d.ts

@@ -54,9 +54,9 @@ declare const Combobox_base: {
         _keypressHandler(e: KeyboardEvent): void;
         stopPropagation(e: Event): void;
         _vividAriaBehaviour: import("../../shared/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;
@@ -438,10 +438,10 @@ declare const Combobox_base: {
         _getFeedbackTemplate(ctx: import("../../shared/design-system/defineVividComponent").VividElementDefinitionContext): import("@microsoft/fast-element").ViewTemplate<any, any>;
         connectedCallback(): void;
         _vividAriaBehaviour: import("../../shared/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;
@@ -859,9 +859,9 @@ declare const Combobox_base: {
         _keypressHandler(e: KeyboardEvent): void;
         stopPropagation(e: Event): void;
         _vividAriaBehaviour: import("../../shared/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;
@@ -1235,10 +1235,10 @@ declare const Combobox_base: {
         successText?: string | undefined;
         connectedCallback(): void;
         _vividAriaBehaviour: import("../../shared/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;
@@ -1650,9 +1650,9 @@ declare const Combobox_base: {
         _keypressHandler(e: KeyboardEvent): void;
         stopPropagation(e: Event): void;
         _vividAriaBehaviour: import("../../shared/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;
@@ -2027,10 +2027,10 @@ declare const Combobox_base: {
         iconSlottedContent?: HTMLElement[] | undefined;
         connectedCallback(): void;
         _vividAriaBehaviour: import("../../shared/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;
@@ -2437,9 +2437,9 @@ declare const Combobox_base: {
         _keypressHandler(e: KeyboardEvent): void;
         stopPropagation(e: Event): void;
         _vividAriaBehaviour: import("../../shared/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;
@@ -2830,5 +2830,6 @@ export declare class Combobox extends Combobox_base {
     placeholder: string;
     connectedCallback(): void;
     filterOptions(): void;
+    _isDefaultSelected(option: ListboxOption): boolean;
 }
 export {};

package/lib/combobox/combobox.options.d.ts

@@ -4,4 +4,4 @@ export declare const ComboboxAutocomplete: {
     readonly both: "both";
     readonly none: "none";
 };
-export type ComboboxAutocomplete = typeof ComboboxAutocomplete[keyof typeof ComboboxAutocomplete];
+export type ComboboxAutocomplete = (typeof ComboboxAutocomplete)[keyof typeof ComboboxAutocomplete];

package/lib/components.d.ts

@@ -13,6 +13,7 @@ export * from './calendar-event/definition';
 export * from './calendar/definition';
 export * from './card/definition';
 export * from './checkbox/definition';
+export * from './color-picker/definition';
 export * from './combobox/definition';
 export * from './data-grid/definition';
 export * from './date-picker/definition';

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

@@ -10,10 +10,10 @@ declare const DataGridCell_base: {
         readonly locale: import("../../shared/localization/Locale").Locale;
         connectedCallback(): void;
         _vividAriaBehaviour: import("../../shared/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;
@@ -386,10 +386,10 @@ declare const DataGridCell_base: {
     new (...args: any[]): {
         _vividAriaBehaviour: "host";
         connectedCallback(): void;
-        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/lib/data-grid/data-grid-row.d.ts

@@ -6,10 +6,10 @@ declare const DataGridRow_base: {
     new (...args: any[]): {
         _vividAriaBehaviour: "host";
         connectedCallback(): void;
-        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;
@@ -387,8 +387,7 @@ export declare class DataGridRow extends DataGridRow_base {
     cellItemTemplate?: ViewTemplate;
     headerCellItemTemplate?: ViewTemplate;
     rowIndex: number;
-    private cellsRepeatBehavior;
-    private cellsPlaceholder;
+    private behaviorOrchestrator;
     handleFocusout(_: FocusEvent): void;
     handleCellFocus(e: Event): void;
     handleKeydown(e: KeyboardEvent): void;

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

@@ -38,8 +38,7 @@ export declare class DataGrid extends VividElement {
     focusColumnIndex: number;
     fixedColumns?: number;
     rowElementTag: string;
-    private rowsRepeatBehavior;
-    private rowsPlaceholder;
+    private behaviorOrchestrator;
     private generatedHeader;
     private isUpdatingFocus;
     private pendingFocusUpdate;

package/lib/date-picker/date-picker.d.ts

@@ -14,8 +14,8 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     readonly _resolvedMinDate: string;
     readonly _resolvedMaxDate: string;
     _isDateInValidRange(date: string): boolean;
-    "__#20@#isMonthAfterValidRange"(month: import("../../shared/datetime/month").Month): boolean | "";
-    "__#20@#isMonthBeforeValidRange"(month: import("../../shared/datetime/month").Month): boolean | "";
+    "__#21@#isMonthAfterValidRange"(month: import("../../shared/datetime/month").Month): boolean | "";
+    "__#21@#isMonthBeforeValidRange"(month: import("../../shared/datetime/month").Month): boolean | "";
     _isMonthInValidRange(month: import("../../shared/datetime/month").Month): boolean;
     _closePopup: ((restoreFocusToTextField?: boolean) => void) & ((restoreFocusToTextField?: boolean) => void);
     _onPickerButtonClick: (() => void) & (() => void);
@@ -54,20 +54,20 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     _pickerButtonEl: import("../components").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 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     _keypressHandler: ((e: KeyboardEvent) => void) & ((e: KeyboardEvent) => void);
     stopPropagation: ((e: Event) => void) & ((e: Event) => void);
     _vividAriaBehaviour: import("../../shared/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 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
         _getFeedbackTemplate(ctx: import("../../shared/design-system/defineVividComponent").VividElementDefinitionContext): import("@microsoft/fast-element").ViewTemplate<any, any>;
         connectedCallback(): void;
         _vividAriaBehaviour: import("../../shared/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;
@@ -916,20 +916,20 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     _pickerButtonEl: import("../components").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>;
@@ -981,9 +981,9 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     _keypressHandler: ((e: KeyboardEvent) => void) & ((e: KeyboardEvent) => void);
     stopPropagation: ((e: Event) => void) & ((e: Event) => void);
     _vividAriaBehaviour: import("../../shared/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;
@@ -1371,10 +1371,10 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
         _getFeedbackTemplate(ctx: import("../../shared/design-system/defineVividComponent").VividElementDefinitionContext): import("@microsoft/fast-element").ViewTemplate<any, any>;
         connectedCallback(): void;
         _vividAriaBehaviour: import("../../shared/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;
@@ -1763,8 +1763,8 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     _currentDate: string;
     _currentMonth: import("../../shared/datetime/month").Month;
     _isDateInValidRange(date: string): boolean;
-    "__#20@#isMonthAfterValidRange"(month: import("../../shared/datetime/month").Month): boolean | "";
-    "__#20@#isMonthBeforeValidRange"(month: import("../../shared/datetime/month").Month): boolean | "";
+    "__#21@#isMonthAfterValidRange"(month: import("../../shared/datetime/month").Month): boolean | "";
+    "__#21@#isMonthBeforeValidRange"(month: import("../../shared/datetime/month").Month): boolean | "";
     _isMonthInValidRange(month: import("../../shared/datetime/month").Month): boolean;
     _closePopup: ((restoreFocusToTextField?: boolean) => void) & ((restoreFocusToTextField?: boolean) => void);
     _onPickerButtonClick: (() => void) & (() => void);
@@ -1807,20 +1807,20 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     _pickerButtonEl: import("../components").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;
@@ -1875,9 +1875,9 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     _keypressHandler: ((e: KeyboardEvent) => void) & ((e: KeyboardEvent) => void);
     stopPropagation: ((e: Event) => void) & ((e: Event) => void);
     _vividAriaBehaviour: import("../../shared/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;
@@ -2265,10 +2265,10 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
         _getFeedbackTemplate(ctx: import("../../shared/design-system/defineVividComponent").VividElementDefinitionContext): import("@microsoft/fast-element").ViewTemplate<any, any>;
         connectedCallback(): void;
         _vividAriaBehaviour: import("../../shared/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;
@@ -2653,8 +2653,8 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     readonly _resolvedMinDate: string;
     readonly _resolvedMaxDate: string;
     _isDateInValidRange(date: string): boolean;
-    "__#20@#isMonthAfterValidRange"(month: import("../../shared/datetime/month").Month): boolean | "";
-    "__#20@#isMonthBeforeValidRange"(month: import("../../shared/datetime/month").Month): boolean | "";
+    "__#21@#isMonthAfterValidRange"(month: import("../../shared/datetime/month").Month): boolean | "";
+    "__#21@#isMonthBeforeValidRange"(month: import("../../shared/datetime/month").Month): boolean | "";
     _isMonthInValidRange(month: import("../../shared/datetime/month").Month): boolean;
     _closePopup(restoreFocusToTextField?: boolean): void;
     _onPickerButtonClick(): void;
@@ -2697,20 +2697,20 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     _pickerButtonEl: import("../components").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;
@@ -2765,9 +2765,9 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     _keypressHandler: ((e: KeyboardEvent) => void) & ((e: KeyboardEvent) => void);
     stopPropagation: ((e: Event) => void) & ((e: Event) => void);
     _vividAriaBehaviour: import("../../shared/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;
@@ -3155,10 +3155,10 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
         _getFeedbackTemplate(ctx: import("../../shared/design-system/defineVividComponent").VividElementDefinitionContext): import("@microsoft/fast-element").ViewTemplate<any, any>;
         connectedCallback(): void;
         _vividAriaBehaviour: import("../../shared/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/lib/date-range-picker/date-range-picker.d.ts

@@ -11,8 +11,8 @@ declare const DateRangePicker_base: (abstract new (...args: any[]) => {
     _currentDate: string;
     _currentMonth: import("../../shared/datetime/month").Month;
     _isDateInValidRange(date: string): boolean;
-    "__#20@#isMonthAfterValidRange"(month: import("../../shared/datetime/month").Month): boolean | "";
-    "__#20@#isMonthBeforeValidRange"(month: import("../../shared/datetime/month").Month): boolean | "";
+    "__#21@#isMonthAfterValidRange"(month: import("../../shared/datetime/month").Month): boolean | "";
+    "__#21@#isMonthBeforeValidRange"(month: import("../../shared/datetime/month").Month): boolean | "";
     _isMonthInValidRange(month: import("../../shared/datetime/month").Month): boolean;
     _closePopup: ((restoreFocusToTextField?: boolean) => void) & ((restoreFocusToTextField?: boolean) => void);
     _onPickerButtonClick: (() => void) & (() => void);
@@ -55,20 +55,20 @@ declare const DateRangePicker_base: (abstract new (...args: any[]) => {
     _pickerButtonEl: import("../components").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 @@ declare const DateRangePicker_base: (abstract new (...args: any[]) => {
     _keypressHandler: ((e: KeyboardEvent) => void) & ((e: KeyboardEvent) => void);
     stopPropagation: ((e: Event) => void) & ((e: Event) => void);
     _vividAriaBehaviour: import("../../shared/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 @@ declare const DateRangePicker_base: (abstract new (...args: any[]) => {
         _getFeedbackTemplate(ctx: import("../../shared/design-system/defineVividComponent").VividElementDefinitionContext): import("@microsoft/fast-element").ViewTemplate<any, any>;
         connectedCallback(): void;
         _vividAriaBehaviour: import("../../shared/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;
@@ -901,8 +901,8 @@ declare const DateRangePicker_base: (abstract new (...args: any[]) => {
     readonly _resolvedMinDate: string;
     readonly _resolvedMaxDate: string;
     _isDateInValidRange(date: string): boolean;
-    "__#20@#isMonthAfterValidRange"(month: import("../../shared/datetime/month").Month): boolean | "";
-    "__#20@#isMonthBeforeValidRange"(month: import("../../shared/datetime/month").Month): boolean | "";
+    "__#21@#isMonthAfterValidRange"(month: import("../../shared/datetime/month").Month): boolean | "";
+    "__#21@#isMonthBeforeValidRange"(month: import("../../shared/datetime/month").Month): boolean | "";
     _isMonthInValidRange(month: import("../../shared/datetime/month").Month): boolean;
     _closePopup(restoreFocusToTextField?: boolean): void;
     _onPickerButtonClick(): void;
@@ -945,20 +945,20 @@ declare const DateRangePicker_base: (abstract new (...args: any[]) => {
     _pickerButtonEl: import("../components").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;
@@ -1013,9 +1013,9 @@ declare const DateRangePicker_base: (abstract new (...args: any[]) => {
     _keypressHandler: ((e: KeyboardEvent) => void) & ((e: KeyboardEvent) => void);
     stopPropagation: ((e: Event) => void) & ((e: Event) => void);
     _vividAriaBehaviour: import("../../shared/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;
@@ -1403,10 +1403,10 @@ declare const DateRangePicker_base: (abstract new (...args: any[]) => {
         _getFeedbackTemplate(ctx: import("../../shared/design-system/defineVividComponent").VividElementDefinitionContext): import("@microsoft/fast-element").ViewTemplate<any, any>;
         connectedCallback(): void;
         _vividAriaBehaviour: import("../../shared/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;