@tylertech/forge 2.8.0 → 2.10.0

package/esm/app-bar/profile-button/app-bar-profile-button-foundation.d.ts

@@ -14,6 +14,8 @@ export interface IAppBarProfileButtonFoundation extends ICustomElementFoundation
     avatarText: string;
     signOutButton: boolean;
     profileButton: boolean;
+    signOutButtonText: string;
+    profileButtonText: string;
     open: boolean;
     profileCardBuilder: AppBarProfileButtonProfileCardBuilder;
 }
@@ -26,6 +28,8 @@ export declare class AppBarProfileButtonFoundation implements IAppBarProfileButt
     private _avatarText;
     private _showSignOutButton;
     private _showProfileButton;
+    private _signOutButtonText;
+    private _profileButtonText;
     private _profileCardBuilder;
     private _open;
     private _isInitialized;
@@ -59,6 +63,10 @@ export declare class AppBarProfileButtonFoundation implements IAppBarProfileButt
     set signOutButton(value: boolean);
     get profileButton(): boolean;
     set profileButton(value: boolean);
+    get signOutButtonText(): string;
+    set signOutButtonText(value: string);
+    get profileButtonText(): string;
+    set profileButtonText(value: string);
     get open(): boolean;
     set open(value: boolean);
     get profileCardBuilder(): AppBarProfileButtonProfileCardBuilder;

package/esm/app-bar/profile-button/app-bar-profile-button-foundation.js

@@ -13,6 +13,8 @@ export class AppBarProfileButtonFoundation {
         this._avatarLetterCount = AVATAR_CONSTANTS.numbers.DEFAULT_LETTER_COUNT;
         this._showSignOutButton = PROFILE_CARD_CONSTANTS.defaults.SHOW_SIGN_OUT_BUTTON;
         this._showProfileButton = PROFILE_CARD_CONSTANTS.defaults.SHOW_PROFILE_BUTTON;
+        this._signOutButtonText = PROFILE_CARD_CONSTANTS.defaults.SIGN_OUT_BUTTON_TEXT;
+        this._profileButtonText = PROFILE_CARD_CONSTANTS.defaults.PROFILE_BUTTON_TEXT;
         this._open = false;
         this._isInitialized = false;
         this._clickListener = evt => this._onClick(evt);
@@ -81,6 +83,8 @@ export class AppBarProfileButtonFoundation {
             email: this._email,
             signOut: this._showSignOutButton,
             profile: this._showProfileButton,
+            signOutButtonText: this._signOutButtonText,
+            profileButtonText: this._profileButtonText,
             avatarText: this._avatarText,
             avatarImageUrl: this._avatarImageUrl,
             avatarLetterCount: this._avatarLetterCount
@@ -177,6 +181,24 @@ export class AppBarProfileButtonFoundation {
             this._adapter.setHostAttribute(APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.PROFILE_BUTTON, this._showProfileButton);
         }
     }
+    get signOutButtonText() {
+        return this._signOutButtonText;
+    }
+    set signOutButtonText(value) {
+        if (this._signOutButtonText !== value) {
+            this._signOutButtonText = value;
+            this._adapter.setSignOutButtonText(value);
+        }
+    }
+    get profileButtonText() {
+        return this._profileButtonText;
+    }
+    set profileButtonText(value) {
+        if (this._profileButtonText !== value) {
+            this._profileButtonText = value;
+            this._adapter.setProfileButtonText(value);
+        }
+    }
     get open() {
         return this._open;
     }

package/esm/app-bar/profile-button/app-bar-profile-button.d.ts

@@ -13,6 +13,8 @@ export interface IAppBarProfileButtonComponent extends IBaseComponent {
     email: string;
     signOutButton: boolean;
     profileButton: boolean;
+    signOutButtonText: string;
+    profileButtonText: string;
     open: boolean;
     profileCardBuilder: (fn: AppBarProfileButtonProfileCardBuilder) => void;
 }
@@ -41,6 +43,8 @@ export declare class AppBarProfileButtonComponent extends BaseComponent implemen
     avatarText: string;
     signOutButton: boolean;
     profileButton: boolean;
+    signOutButtonText: string;
+    profileButtonText: string;
     open: boolean;
     /** Sets the profile card builder callback that will be used to add extra content to the profile card. */
     profileCardBuilder: AppBarProfileButtonProfileCardBuilder;

package/esm/app-bar/profile-button/app-bar-profile-button.js

@@ -34,6 +34,8 @@ let AppBarProfileButtonComponent = class AppBarProfileButtonComponent extends Ba
             APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.AVATAR_TEXT,
             APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.SIGN_OUT_BUTTON,
             APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.PROFILE_BUTTON,
+            APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.SIGN_OUT_BUTTON_TEXT,
+            APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.PROFILE_BUTTON_TEXT,
             APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.OPEN
         ];
     }
@@ -69,6 +71,12 @@ let AppBarProfileButtonComponent = class AppBarProfileButtonComponent extends Ba
             case APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.PROFILE_BUTTON:
                 this.profileButton = coerceBoolean(newValue);
                 break;
+            case APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.SIGN_OUT_BUTTON_TEXT:
+                this.signOutButtonText = newValue;
+                break;
+            case APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.PROFILE_BUTTON_TEXT:
+                this.profileButtonText = newValue;
+                break;
             case APP_BAR_PROFILE_BUTTON_CONSTANTS.attributes.OPEN:
                 this.open = coerceBoolean(newValue);
                 break;
@@ -96,6 +104,12 @@ __decorate([
 __decorate([
     FoundationProperty()
 ], AppBarProfileButtonComponent.prototype, "profileButton", void 0);
+__decorate([
+    FoundationProperty()
+], AppBarProfileButtonComponent.prototype, "signOutButtonText", void 0);
+__decorate([
+    FoundationProperty()
+], AppBarProfileButtonComponent.prototype, "profileButtonText", void 0);
 __decorate([
     FoundationProperty()
 ], AppBarProfileButtonComponent.prototype, "open", void 0);

package/esm/autocomplete/autocomplete-adapter.d.ts

@@ -37,6 +37,7 @@ export interface IAutocompleteAdapter extends IBaseAdapter {
     updateActiveDescendant(id: string): void;
     getTargetElementWidth(selector: string): number;
     activateFirstOption(): void;
+    activateSelectedOption(): void;
     activateOptionByIndex(value: number): void;
     setBusyVisibility(busy: boolean): void;
     getActiveOptionIndex(): number | null;
@@ -80,6 +81,7 @@ export declare class AutocompleteAdapter extends BaseAdapter<IAutocompleteCompon
     getTargetElementWidth(selector: string): number;
     getPopupElement(): HTMLElement | null;
     activateFirstOption(): void;
+    activateSelectedOption(): void;
     activateOptionByIndex(value: number): void;
     getActiveOptionIndex(): number | null;
     clearActiveOption(): void;

package/esm/autocomplete/autocomplete-adapter.js

@@ -173,6 +173,10 @@ export class AutocompleteAdapter extends BaseAdapter {
         var _a;
         (_a = this._listDropdown) === null || _a === void 0 ? void 0 : _a.activateFirstOption();
     }
+    activateSelectedOption() {
+        var _a;
+        (_a = this._listDropdown) === null || _a === void 0 ? void 0 : _a.activateSelectedOption();
+    }
     activateOptionByIndex(value) {
         var _a;
         (_a = this._listDropdown) === null || _a === void 0 ? void 0 : _a.activateOption(value);

package/esm/autocomplete/autocomplete-foundation.d.ts

@@ -11,17 +11,17 @@ import { AutocompleteFilterCallback, AutocompleteMode, AutocompleteOptionBuilder
 export interface IAutocompleteFoundation extends IListDropdownAwareFoundation {
     mode: AutocompleteMode;
     multiple: boolean;
-    value: string | string[] | IOption | IOption[] | null;
+    value: string | string[] | IOption | IOption[] | null | undefined;
     debounce: number;
     filterOnFocus: boolean;
     allowUnmatched: boolean;
     popupTarget: string;
-    optionBuilder: AutocompleteOptionBuilder;
-    filter: AutocompleteFilterCallback;
+    optionBuilder: AutocompleteOptionBuilder | null | undefined;
+    filter: AutocompleteFilterCallback | null | undefined;
     selectedTextBuilder: AutocompleteSelectedTextBuilder;
     isInitialized: boolean;
     open: boolean;
-    matchKey: string | null;
+    matchKey: string | null | undefined;
     appendOptions(options: IOption[] | IAutocompleteOptionGroup[]): void;
     beforeValueChange: (value: any) => boolean | Promise<boolean>;
 }
@@ -38,8 +38,8 @@ export declare class AutocompleteFoundation extends ListDropdownAwareFoundation
     private _allowUnmatched;
     private _popupTarget;
     private _filterOnFocus;
-    private _optionBuilder;
-    private _filter;
+    private _optionBuilder?;
+    private _filter?;
     private _selectedTextBuilder;
     private _options;
     private _filterText;
@@ -47,7 +47,7 @@ export declare class AutocompleteFoundation extends ListDropdownAwareFoundation
     private _values;
     private _pendingFilterPromises;
     private _identifier;
-    private _matchKey;
+    private _matchKey?;
     private _filterFn;
     private _clickListener;
     private _focusListener;
@@ -61,7 +61,6 @@ export declare class AutocompleteFoundation extends ListDropdownAwareFoundation
     private _dismissListener;
     private _activeChangeListener;
     private _targetWidthCallback;
-    private _optionBuilderCallback;
     private _beforeValueChange;
     private _valueChanging;
     constructor(_adapter: IAutocompleteAdapter);
@@ -122,8 +121,8 @@ export declare class AutocompleteFoundation extends ListDropdownAwareFoundation
     get multiple(): boolean;
     set multiple(value: boolean);
     /** Gets/sets the value of the component. */
-    get value(): string | string[] | IOption | IOption[] | null;
-    set value(value: string | string[] | IOption | IOption[] | null);
+    get value(): string | string[] | IOption | IOption[] | null | undefined;
+    set value(value: string | string[] | IOption | IOption[] | null | undefined);
     /** Gets/sets filter on focus settings which controls whether the dropdown displays automatically when focused. */
     get filterOnFocus(): boolean;
     set filterOnFocus(value: boolean);
@@ -131,8 +130,8 @@ export declare class AutocompleteFoundation extends ListDropdownAwareFoundation
     get allowUnmatched(): boolean;
     set allowUnmatched(value: boolean);
     /** Gets/sets the property key to match the value to an option.  */
-    get matchKey(): string | null;
-    set matchKey(value: string | null);
+    get matchKey(): string | null | undefined;
+    set matchKey(value: string | null | undefined);
     /** Gets/sets the selector that will be used to find an element to attach the popup to. Defaults to the input element. */
     get popupTarget(): string;
     set popupTarget(value: string);
@@ -153,11 +152,11 @@ export declare class AutocompleteFoundation extends ListDropdownAwareFoundation
     get debounce(): number;
     set debounce(value: number);
     /** Sets the item builder callback that will be executed when building the option list in the dropdown. */
-    get optionBuilder(): AutocompleteOptionBuilder;
-    set optionBuilder(fn: AutocompleteOptionBuilder);
+    get optionBuilder(): AutocompleteOptionBuilder | null | undefined;
+    set optionBuilder(fn: AutocompleteOptionBuilder | null | undefined);
     /** Sets the filter callback that will be executed when fetching options for the autocomplete dropdown. */
-    get filter(): AutocompleteFilterCallback;
-    set filter(cb: AutocompleteFilterCallback);
+    get filter(): AutocompleteFilterCallback | null | undefined;
+    set filter(cb: AutocompleteFilterCallback | null | undefined);
     /** Sets the selected text builder callback that will be executed when getting the selected text. */
     get selectedTextBuilder(): AutocompleteSelectedTextBuilder;
     set selectedTextBuilder(fn: AutocompleteSelectedTextBuilder);

package/esm/autocomplete/autocomplete-foundation.js

@@ -40,9 +40,6 @@ export class AutocompleteFoundation extends ListDropdownAwareFoundation {
         this._dismissListener = () => this._onDismiss();
         this._activeChangeListener = id => this._adapter.updateActiveDescendant(id);
         this._targetWidthCallback = () => this._adapter.getTargetElementWidth(this._popupTarget);
-        this._optionBuilderCallback = (option, parentElement) => {
-            return this._optionBuilder(option, this._filterText, parentElement);
-        };
         this._identifier = randomChars();
     }
     async initialize() {
@@ -240,7 +237,7 @@ export class AutocompleteFoundation extends ListDropdownAwareFoundation {
             case 'ArrowDown':
                 evt.preventDefault();
                 if (!this._isDropdownOpen) {
-                    this._showDropdown({ activateFirst: true });
+                    this._showDropdown({ activateFirst: true, activateSelected: true });
                 }
                 else {
                     this._adapter.propagateKey(evt.key);
@@ -283,10 +280,11 @@ export class AutocompleteFoundation extends ListDropdownAwareFoundation {
         if (!this._filter || typeof this._filter !== 'function') {
             throw new Error('A filter callback must be provided. Did you set the "filter" property?');
         }
+        const filter = this._filter;
         const filterText = sendFilterText ? this._filterText : '';
         const value = sendValue ? this._getValue() : null;
         return new Promise((resolve, reject) => {
-            return Promise.resolve(this._filter(filterText, value))
+            return Promise.resolve(filter(filterText, value))
                 .then(options => {
                 this._options = options;
                 resolve(this._options);
@@ -321,9 +319,16 @@ export class AutocompleteFoundation extends ListDropdownAwareFoundation {
         }
         this._emitChangeEvent();
     }
-    async _showDropdown({ filter = true, userTriggered = true, activateFirst = false } = {}) {
+    async _showDropdown({ filter = true, userTriggered = true, activateFirst = false, activateSelected = false } = {}) {
         const sendFilterText = this._allowUnmatched && !this._selectedOptions.length;
         this._isDropdownOpen = true;
+        let listOptionBuilder;
+        if (this._optionBuilder) {
+            const optionBuilder = this._optionBuilder;
+            listOptionBuilder = (option, parentElement) => {
+                return optionBuilder(option, this._filterText, parentElement);
+            };
+        }
         const config = {
             options: this._options,
             multiple: this._multiple,
@@ -345,7 +350,7 @@ export class AutocompleteFoundation extends ListDropdownAwareFoundation {
                 return label;
             },
             allowBusy: true,
-            optionBuilder: !!this._optionBuilder ? this._optionBuilderCallback : undefined,
+            optionBuilder: listOptionBuilder,
             syncWidth: this._syncPopupWidth,
             observeScroll: this._observeScroll,
             observeScrollThreshold: this._observeScrollThreshold,
@@ -373,9 +378,9 @@ export class AutocompleteFoundation extends ListDropdownAwareFoundation {
         if (this._pendingFilterPromises.length) {
             return;
         }
-        this._dropdownReady({ userTriggered, activateFirst });
+        this._dropdownReady({ userTriggered, activateFirst, activateSelected });
     }
-    _dropdownReady({ userTriggered = true, activateFirst = false } = {}) {
+    _dropdownReady({ userTriggered = true, activateFirst = false, activateSelected = false } = {}) {
         if (!this._isDropdownOpen || !this._options.length || (userTriggered && !this._adapter.hasFocus())) {
             this._closeDropdown();
             return;
@@ -385,7 +390,10 @@ export class AutocompleteFoundation extends ListDropdownAwareFoundation {
         this._adapter.setOptions(this._options);
         this._adapter.setSelectedOptions(this._selectedOptions);
         this._adapter.setDismissListener(this._dismissListener);
-        if (activateFirst) {
+        if (activateSelected && this._selectedOptions.length) {
+            this._adapter.activateSelectedOption();
+        }
+        else if (activateFirst) {
             this._adapter.activateFirstOption();
         }
     }
@@ -582,7 +590,7 @@ export class AutocompleteFoundation extends ListDropdownAwareFoundation {
             this._updateSelectedOptions(values);
         }
         // Execute the filter now if we have a value, but not options yet (only if it has been initialized already)
-        if (this._values.length && !this._selectedOptions.length && this._filter && this._isInitialized) {
+        if (this._values.length && !this._selectedOptions.length && !!this._filter && this._isInitialized) {
             try {
                 await this._executeFilter(false, true);
             }
@@ -667,7 +675,7 @@ export class AutocompleteFoundation extends ListDropdownAwareFoundation {
     }
     set value(value) {
         let values = [];
-        if (value === null || value === undefined) {
+        if (value == null) {
             values = [];
         }
         else if (Array.isArray(value)) {
@@ -789,7 +797,7 @@ export class AutocompleteFoundation extends ListDropdownAwareFoundation {
         if (this._filter !== cb) {
             this._filter = cb;
             // If we have a value, but don't have any options yet then execute the filter
-            if (this._isInitialized && this._values.length && !this._flatOptions.length && this._filter) {
+            if (this._isInitialized && this._values.length && !this._flatOptions.length && !!this._filter) {
                 this._executeFilter().then(() => {
                     this._updateSelectedOptions(this._values);
                     this._adapter.setSelectedText(this._getSelectedText());

package/esm/autocomplete/autocomplete.d.ts

@@ -7,16 +7,16 @@ import { IListDropdownAware, ListDropdownAware } from '../list-dropdown/list-dro
 import { IOption } from '../select';
 import { AutocompleteFilterCallback, AutocompleteMode, AutocompleteOptionBuilder, AutocompleteSelectedTextBuilder, IAutocompleteOptionGroup, IAutocompleteSelectEventData } from './autocomplete-constants';
 export interface IAutocompleteComponent extends IListDropdownAware {
-    mode: AutocompleteMode;
+    mode: `${AutocompleteMode}`;
     multiple: boolean;
     value: any;
     debounce: number;
     filterOnFocus: boolean;
     allowUnmatched: boolean;
-    matchKey: string | null;
+    matchKey: string | null | undefined;
     popupTarget: string;
-    filter: AutocompleteFilterCallback;
-    optionBuilder: AutocompleteOptionBuilder;
+    filter: AutocompleteFilterCallback | null | undefined;
+    optionBuilder: AutocompleteOptionBuilder | null | undefined;
     selectedTextBuilder: AutocompleteSelectedTextBuilder;
     popupElement: HTMLElement | null;
     beforeValueChange: (value: any) => boolean | Promise<boolean>;
@@ -49,7 +49,7 @@ export declare class AutocompleteComponent extends ListDropdownAware implements
     disconnectedCallback(): void;
     attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     /** Gets/sets the interaction mode. */
-    mode: AutocompleteMode;
+    mode: `${AutocompleteMode}`;
     /** Gets/sets the multi-select state. */
     multiple: boolean;
     /** Gets/sets the value. */
@@ -63,18 +63,18 @@ export declare class AutocompleteComponent extends ListDropdownAware implements
     /** Gets/sets the selector that will be used to find an element to attach the popup to. Defaults to the input element. */
     popupTarget: string;
     /** Sets the option builder callback that will be executed when building the option list in the dropdown. */
-    optionBuilder: AutocompleteOptionBuilder;
+    optionBuilder: AutocompleteOptionBuilder | null | undefined;
     /** Sets the filter callback that will be executed when fetching options for the autocomplete dropdown. */
-    filter: AutocompleteFilterCallback;
+    filter: AutocompleteFilterCallback | null | undefined;
     /** Sets the selected text builder callback that will be executed when getting the selected text. */
     selectedTextBuilder: AutocompleteSelectedTextBuilder;
     /** Controls the open state of the dropdown. */
     open: boolean;
     /** Gets/sets the property key to match the value to an option. */
-    matchKey: string;
+    matchKey: string | null | undefined;
     /** Returns whether the component has been initialized or not yet. */
     isInitialized: boolean;
-    /** Sets the callback to be executed when the user selects an option, before the UI is updated to allow for validation. */
+    /** Gets the currently active popup element when the dropdown is open. */
     popupElement: HTMLElement | null;
     /** Sets the callback to be executed when the user selects an option, before the UI is updated to allow for validation. */
     beforeValueChange: (value: any) => boolean | Promise<boolean>;

package/esm/bottom-sheet/bottom-sheet-adapter.js

@@ -99,7 +99,7 @@ export class BottomSheetAdapter extends BaseAdapter {
         commonLayoutElements.filter(el => typeof el.layout === 'function').forEach(el => el.layout());
     }
     setContainerHeight(height) {
-        if (height !== null) {
+        if (height != null) {
             const percent = Math.min(100, 100 * height / window.innerHeight);
             this._containerElement.style.maxHeight = `${percent}%`;
         }

package/esm/calendar/calendar-foundation.d.ts

@@ -447,17 +447,17 @@ export declare class CalendarFoundation implements ICalendarFoundation {
     get disabledDateBuilder(): ((date: Date) => boolean) | undefined;
     set disabledDateBuilder(value: ((date: Date) => boolean) | undefined);
     /** Get/set disabled dates */
-    get disabledDates(): Date | Date[] | null;
-    set disabledDates(value: Date | Date[] | null);
+    get disabledDates(): Date | Date[] | null | undefined;
+    set disabledDates(value: Date | Date[] | null | undefined);
     /** Get/set disabled days of week */
-    get disabledDaysOfWeek(): DayOfWeek | DayOfWeek[] | null;
-    set disabledDaysOfWeek(value: DayOfWeek | DayOfWeek[] | null);
+    get disabledDaysOfWeek(): DayOfWeek | DayOfWeek[] | null | undefined;
+    set disabledDaysOfWeek(value: DayOfWeek | DayOfWeek[] | null | undefined);
     /** Get/set the event builder */
     get eventBuilder(): CalendarEventBuilder | undefined;
     set eventBuilder(value: CalendarEventBuilder | undefined);
     /** Get/set events */
-    get events(): ICalendarEvent[] | null;
-    set events(value: ICalendarEvent[] | null);
+    get events(): ICalendarEvent[] | null | undefined;
+    set events(value: ICalendarEvent[] | null | undefined);
     /** Get/set first day of week */
     get firstDayOfWeek(): DayOfWeek | undefined;
     set firstDayOfWeek(value: DayOfWeek | undefined);
@@ -471,14 +471,14 @@ export declare class CalendarFoundation implements ICalendarFoundation {
     get locale(): string | undefined;
     set locale(value: string | undefined);
     /** Get/set max date */
-    get max(): Date | string | null;
-    set max(value: Date | string | null);
+    get max(): Date | string | null | undefined;
+    set max(value: Date | string | null | undefined);
     /** Get/set menu animation type */
     get menuAnimation(): CalendarMenuAnimationType;
     set menuAnimation(value: CalendarMenuAnimationType);
     /** Get/set min date */
-    get min(): Date | string | null;
-    set min(value: Date | string | null);
+    get min(): Date | string | null | undefined;
+    set min(value: Date | string | null | undefined);
     /** Get/set mode */
     get mode(): CalendarMode;
     set mode(value: CalendarMode);
@@ -512,14 +512,14 @@ export declare class CalendarFoundation implements ICalendarFoundation {
     get tooltipBuilder(): CalendarTooltipBuilder | undefined;
     set tooltipBuilder(value: CalendarTooltipBuilder | undefined);
     /** Get/set value */
-    get value(): Date | Date[] | DateRange | null;
-    set value(value: Date | Date[] | DateRange | null);
+    get value(): Date | Date[] | DateRange | null | undefined;
+    set value(value: Date | Date[] | DateRange | null | undefined);
     /** Get/set view */
     get view(): CalendarView;
     set view(value: CalendarView);
     /** Get/set weekend days */
-    get weekendDays(): DayOfWeek[] | null;
-    set weekendDays(value: DayOfWeek[] | null);
+    get weekendDays(): DayOfWeek[] | null | undefined;
+    set weekendDays(value: DayOfWeek[] | null | undefined);
     /** Get/set year */
     get year(): number;
     set year(value: number);

package/esm/calendar/calendar-foundation.js

@@ -393,7 +393,7 @@ export class CalendarFoundation {
     }
     _onMonthSelected(month) {
         const yearChanged = this._year !== this._menuYear;
-        if (yearChanged && this._menuYear !== null) {
+        if (yearChanged && this._menuYear != null) {
             this._year = this._menuYear;
             this._setYear();
         }
@@ -783,7 +783,7 @@ export class CalendarFoundation {
      */
     _openMonthMenu(setFocus = false) {
         this._view = 'month';
-        if (this._menuYear === null) {
+        if (this._menuYear == null) {
             this._menuYear = this._year;
         }
         if (this._showHeader) {
@@ -1282,7 +1282,7 @@ export class CalendarFoundation {
                 return !this._min || this._min < new Date(this._year, this._month, 1);
             case 'month':
                 const minDateYear = (_a = this._min) === null || _a === void 0 ? void 0 : _a.getFullYear();
-                return this._menuYear !== null && (minDateYear === undefined || minDateYear < this._menuYear);
+                return this._menuYear != null && (minDateYear == null || minDateYear < this._menuYear);
             case 'year':
                 return !!this._menuYearsInView && this._minYear < this._menuYearsInView.min;
             default:
@@ -1304,7 +1304,7 @@ export class CalendarFoundation {
                 return !this._max || this._max > getLastDateOfMonth(this._month, this._year);
             case 'month':
                 const maxDateYear = (_a = this._max) === null || _a === void 0 ? void 0 : _a.getFullYear();
-                return this._menuYear !== null && (maxDateYear === undefined || maxDateYear > this._menuYear);
+                return this._menuYear != null && (maxDateYear == null || maxDateYear > this._menuYear);
             case 'year':
                 return !!this._menuYearsInView && this._maxYear > this._menuYearsInView.max;
             default:
@@ -1354,7 +1354,7 @@ export class CalendarFoundation {
      * Sets the year currently visible in the menu.
      * */
     _setMenuYear() {
-        if (this._menuYear !== null) {
+        if (this._menuYear != null) {
             this._setNavigationButtonStates();
             this._adapter.setYear(this._menuYear, this._locale);
         }

package/esm/calendar/calendar-utils.d.ts

@@ -59,6 +59,6 @@ export declare function getEventsOnDate(date: Date, events: ICalendarEvent[], bu
 /** Gets all enabled dates between the first and last items in an array of dates.  */
 export declare function getMultipleFromRange(dates: Date[], disabledParams?: ICalendarDisabledDateParams): Date[];
 /** Gets a date or null from a date, string, or date offset. */
-export declare function coerceDateFromValue(value: Date | string | null): Date | null;
+export declare function coerceDateFromValue(value?: Date | string | null): Date | null;
 /** Returns whether an event should be handled or ignored. */
 export declare function shouldHandleEvent(evt: Event, view: CalendarView, preventFocus: boolean): boolean;

package/esm/calendar/calendar-utils.js

@@ -292,7 +292,7 @@ export function coerceDateFromValue(value) {
     if (typeof value === 'string' && !value.length) {
         value = null;
     }
-    if (value !== null && value !== undefined) {
+    if (value != null) {
         if (isValidDate(new Date(value))) {
             date = new Date(value);
         }

package/esm/calendar/calendar.d.ts

@@ -62,17 +62,17 @@ export declare class CalendarComponent extends HTMLElement implements ICalendarC
     dateSelectCallback: CalendarDateSelectCallback | undefined;
     dayBuilder: CalendarDayBuilder | undefined;
     disabledDateBuilder: ((date: Date) => boolean) | undefined;
-    disabledDates: Date | Date[] | null;
-    disabledDaysOfWeek: DayOfWeek | DayOfWeek[] | null;
+    disabledDates: Date | Date[] | null | undefined;
+    disabledDaysOfWeek: DayOfWeek | DayOfWeek[] | null | undefined;
     eventBuilder: CalendarEventBuilder | undefined;
-    events: ICalendarEvent[] | null;
+    events: ICalendarEvent[] | null | undefined;
     firstDayOfWeek: DayOfWeek | undefined;
     fixedHeight: boolean;
     listYears: boolean;
     locale: string | undefined;
-    max: Date | string | null;
+    max: Date | string | null | undefined;
     menuAnimation: CalendarMenuAnimationType;
-    min: Date | string | null;
+    min: Date | string | null | undefined;
     mode: CalendarMode;
     month: number;
     preventFocus: boolean;
@@ -84,9 +84,9 @@ export declare class CalendarComponent extends HTMLElement implements ICalendarC
     todayButton: boolean;
     todayCallback: (() => void) | undefined;
     tooltipBuilder: CalendarTooltipBuilder | undefined;
-    value: Date | Date[] | DateRange | null;
+    value: Date | Date[] | DateRange | null | undefined;
     view: CalendarView;
-    weekendDays: DayOfWeek[] | null;
+    weekendDays: DayOfWeek[] | null | undefined;
     year: number;
     yearRange: string;
     clear(): void;

package/esm/calendar/core/calendar-base.d.ts

@@ -9,21 +9,21 @@ export interface ICalendarBase {
     readonly activeDate: Date;
     allowSingleDateRange: boolean;
     constrainToEnabled: boolean;
-    disabledDates: Date | Date[] | null;
-    disabledDaysOfWeek: DayOfWeek | DayOfWeek[] | null;
-    events: ICalendarEvent[] | null;
+    disabledDates: Date | Date[] | null | undefined;
+    disabledDaysOfWeek: DayOfWeek | DayOfWeek[] | null | undefined;
+    events: ICalendarEvent[] | null | undefined;
     firstDayOfWeek: DayOfWeek | undefined;
     fixedHeight: boolean;
     listYears: boolean;
     locale: string | undefined;
-    max: Date | string | null;
-    min: Date | string | null;
+    max: Date | string | null | undefined;
+    min: Date | string | null | undefined;
     month: number;
     readonly: boolean;
     showOtherMonths: boolean;
     showToday: boolean;
-    value: Date | Date[] | DateRange | null;
-    weekendDays: DayOfWeek[] | null;
+    value: Date | Date[] | DateRange | null | undefined;
+    weekendDays: DayOfWeek[] | null | undefined;
     year: number;
     yearRange: string;
     dateBuilder: CalendarDateBuilder | undefined;

package/esm/chip-field/chip-field-adapter.d.ts

@@ -19,7 +19,7 @@ export declare class ChipFieldAdapter extends FieldAdapter implements IChipField
     protected _memberSlot: HTMLSlotElement;
     protected _inputContainerElement: HTMLElement;
     constructor(component: IChipFieldComponent);
-    initialize(required: boolean): void;
+    initialize(): void;
     addRootListener(type: string, callback: (event: Event) => void): void;
     removeRootListener(type: string, callback: (event: Event) => void): void;
     addMemberSlotListener(listener: (evt: Event) => void): void;

package/esm/chip-field/chip-field-adapter.js

@@ -10,8 +10,8 @@ export class ChipFieldAdapter extends FieldAdapter {
     constructor(component) {
         super(component);
     }
-    initialize(required) {
-        super.initialize(required, CHIP_FIELD_CONSTANTS.selectors.ROOT);
+    initialize() {
+        super.initialize(CHIP_FIELD_CONSTANTS.selectors.ROOT);
         this._memberSlot = getShadowElement(this._component, CHIP_FIELD_CONSTANTS.selectors.MEMBER_SLOT);
         this._inputContainerElement = getShadowElement(this._component, CHIP_FIELD_CONSTANTS.selectors.INPUT_CONTAINER);
     }