lightning-base-components 1.27.2-alpha → 1.27.5-alpha

package/src/lightning/inputAddress/{inputAddress.js → inputAddress.ts}

@@ -1,15 +1,8 @@
-/*
- * Copyright (c) 2025, Salesforce, Inc.,
- * All rights reserved.
- * For full license text, see the LICENSE.txt file
- */
-/* eslint-disable @lwc/lwc/no-api-reassignments */
-
 import labelRequired from '@salesforce/label/LightningControl.required';
 import labelHelpTextAlternativeText from '@salesforce/label/LightningInput.helptextAlternativeText';
 import labelMailingAddressFieldsUpdateText from '@salesforce/label/LightningInput.mailingAddressFieldsUpdateText';
 import locale from '@salesforce/i18n/locale';
-import { api, track } from 'lwc';
+import { api, LightningElement, track } from 'lwc';
 import LightningShadowBaseClass from 'lightning/shadowBaseClassPrivate';
 import { classSet, formatLabel } from 'lightning/utils';
 import {
@@ -17,8 +10,8 @@ import {
     normalizeBoolean,
     classListMutation,
     reflectAttribute,
-    privateContext,
 } from 'lightning/utilsPrivate';
+import { privateContext } from 'lightning/utilsInternal';
 import {
     isEmptyString,
     FieldConstraintApi,
@@ -33,6 +26,63 @@ import {
     getTransformedFieldsMetaForLayout,
 } from './fieldsLayout';
 
+interface Field {
+    name: string;
+    type: string;
+    required?: boolean;
+    maxlength: number;
+    autocomplete: string;
+    width: number;
+}
+
+interface FieldsMeta {
+    [key: string]: Field;
+}
+
+interface Config {
+    countryCode: string;
+    langCode: string;
+    hasCountryPicklist: boolean;
+    showAddressLookup: boolean;
+    showCompactAddress: boolean;
+}
+
+interface OptionItem {
+    label: string;
+    value: string;
+}
+
+interface RowListItem {
+    isInput: boolean;
+    isPicklist: boolean;
+    isTextArea: boolean;
+    isLookupAddress: boolean;
+    value: string;
+    options: OptionItem[];
+    required: boolean;
+    disabled: boolean;
+    classnames: string;
+    placeholder: string;
+    label: string;
+    suppressNoneOption: boolean;
+    autocomplete: string;
+    maxlength: number;
+    name: string;
+}
+
+interface RowList extends Array<RowListItem> {
+    name?: number;
+}
+
+interface StreetTypeMeta {
+    autocomplete: string;
+    name: string;
+    maxlength: number;
+    type: string;
+    required?: boolean;
+}
+
+// eslint-disable-next-line @typescript-eslint/unbound-method
 const { setContext, assertContext } = privateContext;
 
 const FIELD_TYPE = {
@@ -48,7 +98,10 @@ const i18n = {
     mailingAddressFieldsUpdateText: labelMailingAddressFieldsUpdateText,
 };
 
-function getStreetTypeMeta(showCompactAddress, showAddressLookup) {
+function getStreetTypeMeta(
+    showCompactAddress: boolean,
+    showAddressLookup: boolean
+): StreetTypeMeta {
     // See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete
     // for autocomplete attributes
     if (showCompactAddress) {
@@ -69,132 +122,141 @@ function getStreetTypeMeta(showCompactAddress, showAddressLookup) {
     };
 }
 
+type LabelValueOption = { label: string; value: string };
+type LabelValueOptions = Array<LabelValueOption>;
+
 /**
  * Represents an address compound field.
  */
 export default class LightningInputAddress extends LightningShadowBaseClass {
-    static validationOptOut = ['class'];
-    static delegatesFocus = true;
+    static validationOptOut: string[] = ['class'];
+    static delegatesFocus: boolean = true;
+    _connected: boolean;
+    _showCompactAddress: boolean;
+    _fieldConstraintApis: Record<string, FieldConstraintApi> | undefined;
+    _combinedConstraintApi: FieldConstraintApi | undefined;
+    _messageOnAddressUpdate: string;
+    interactingState: InteractingState;
 
     /**
      * The label for the address compound field.
      * @type {string}
      */
-    @api addressLabel;
+    @api addressLabel: string;
 
     /**
      * The label for the street field.
      * @type {string}
      */
-    @api streetLabel;
+    @api streetLabel: string;
 
     /**
      * The label for the subpremise field.
      * Use this attribute with show-compact-address.
      * @type {string}
      */
-    @api subpremiseLabel;
+    @api subpremiseLabel: string;
 
     /**
      * The label for the city field.
      * @type {string}
      */
-    @api cityLabel;
+    @api cityLabel: string;
 
     /**
      * The label for the province field.
      * @type {string}
      */
-    @api provinceLabel;
+    @api provinceLabel: string;
 
     /**
      * The label for the country field.
      * @type {string}
      */
-    @api countryLabel;
+    @api countryLabel: string;
 
     /**
      * The label for the postal code field.
      * @type {string}
      */
-    @api postalCodeLabel;
+    @api postalCodeLabel: string;
 
     /**
      * The placeholder for the street field.
      * @type {string}
      */
-    @api streetPlaceholder;
+    @api streetPlaceholder: string;
 
     /**
      * The placeholder for the subpremise field.
      * Use this attribute with show-compact-address.
      * @type {string}
      */
-    @api subpremisePlaceholder;
+    @api subpremisePlaceholder: string;
 
     /**
      * The placeholder for the city field.
      * @type {string}
      */
-    @api cityPlaceholder;
+    @api cityPlaceholder: string;
 
     /**
      * The placeholder for the province field.
      * @type {string}
      */
-    @api provincePlaceholder;
+    @api provincePlaceholder: string;
 
     /**
      * The placeholder for the country field.
      * @type {string}
      */
-    @api countryPlaceholder;
+    @api countryPlaceholder: string;
 
     /**
      * The placeholder for the postal code field.
      * @type {string}
      */
-    @api postalCodePlaceholder;
+    @api postalCodePlaceholder: string;
 
     /**
      * The placeholder for the address lookup field option.
      * Visible only when using show-address-lookup.
      * @type {string}
      */
-    @api addressLookupPlaceholder;
+    @api addressLookupPlaceholder: string;
 
     /**
      * The label for the address lookup field option.
      * Only visible when show-address-lookup is set to true and label string is passed
      * @type {string}
      */
-    @api addressLookupLabel;
+    @api addressLookupLabel: string;
 
     /**
      * The array of label-value pairs for the province. Displays a dropdown menu of options.
-     * @type {list}
+     * @type {LabelValueOptions}
      */
-    @api provinceOptions;
+    @api provinceOptions: LabelValueOptions;
 
     /**
      * If present, the province field is hidden from the UI and users cannot interact with it.
      * @type {boolean}
      * @default false
      */
-    @api hideProvince;
+    @api hideProvince: boolean;
 
     /**
      * The array of label-value pairs for the country. Displays a dropdown menu of options.
-     * @type {list}
+     * @type {LabelValueOptions}
      */
-    @api countryOptions;
+    @api countryOptions: LabelValueOptions;
 
     /**
      * If present, the country field is disabled and users cannot interact with it.
      * @type {boolean}
      * @default false
      */
-    @api countryDisabled;
+    @api countryDisabled: boolean;
 
     /**
      * Specifies the locale used to determine the layout of the address fields.
@@ -202,28 +264,28 @@ export default class LightningInputAddress extends LightningShadowBaseClass {
      * @type {string}
      * @default en-US
      */
-    @api locale = locale;
-
-    @track _showAddressLookup;
-    _countryLookupFilter = [];
-    @track _fieldLevelHelp;
-    @track _variant;
-    @track _street = '';
-    @track _subpremise = '';
-    @track _city = '';
-    @track _province = '';
-    @track _country = '';
-    @track _postalCode = '';
-    @track _disabled = false;
-    @track _readonly = false;
-    @track _required = false;
+    @api locale: string = locale;
+
+    @track _showAddressLookup: boolean;
+    _countryLookupFilter: string[] = [];
+    @track _fieldLevelHelp: string;
+    @track _variant: string;
+    @track _street: string = '';
+    @track _subpremise: string = '';
+    @track _city: string = '';
+    @track _province: string = '';
+    @track _country: string = '';
+    @track _postalCode: string = '';
+    @track _disabled: boolean = false;
+    @track _readonly: boolean = false;
+    @track _required: boolean = false;
 
     constructor() {
         super();
         setContext(this);
     }
 
-    connectedCallback() {
+    connectedCallback(): void {
         assertContext(this);
         super.connectedCallback();
         this._connected = true;
@@ -233,23 +295,32 @@ export default class LightningInputAddress extends LightningShadowBaseClass {
             debounceInteraction: true,
         });
         this.interactingState.onenter(() => {
+            // eslint-disable-next-line @lwc/lwc/ssr-no-unsupported-properties
             this.dispatchEvent(new CustomEvent('focus'));
         });
-        this.interactingState.onleave(() => {
+        this.interactingState.onleave((): void => {
             this.reportValidity();
+            // eslint-disable-next-line @lwc/lwc/ssr-no-unsupported-properties
             this.dispatchEvent(new CustomEvent('blur'));
         });
     }
 
-    renderedCallback() {
-        if (!this.template.synthetic) {
+    renderedCallback(): void {
+        // TODO: should be natively supported in LWC - https://github.com/salesforce-experience-platform-emu/lightning-components/pull/10222/files#r2071429236
+        if (
+            !(
+                this.template as InstanceType<
+                    typeof LightningElement
+                >['template']
+            )['synthetic'] // eslint-disable-line dot-notation
+        ) {
             // Fieldset receives focus events in native shadow, which impacts tooltip behavior (See: W-14889039)
             const fieldset = this.template.querySelector('fieldset');
             fieldset.setAttribute('tabindex', '-1');
         }
     }
 
-    disconnectedCallback() {
+    disconnectedCallback(): void {
         this._connected = false;
     }
 
@@ -261,10 +332,10 @@ export default class LightningInputAddress extends LightningShadowBaseClass {
      *
      */
     @api
-    get street() {
+    get street(): string {
         return this._street;
     }
-    set street(value) {
+    set street(value: string) {
         this._street = value;
     }
 
@@ -275,10 +346,10 @@ export default class LightningInputAddress extends LightningShadowBaseClass {
      * @type {string}
      */
     @api
-    get subpremise() {
+    get subpremise(): string {
         return this._subpremise;
     }
-    set subpremise(value) {
+    set subpremise(value: string) {
         this._subpremise = value;
     }
 
@@ -289,10 +360,10 @@ export default class LightningInputAddress extends LightningShadowBaseClass {
      *
      */
     @api
-    get city() {
+    get city(): string {
         return this._city;
     }
-    set city(value) {
+    set city(value: string) {
         this._city = value;
     }
 
@@ -303,10 +374,10 @@ export default class LightningInputAddress extends LightningShadowBaseClass {
      *
      */
     @api
-    get province() {
+    get province(): string {
         return this._province;
     }
-    set province(value) {
+    set province(value: string) {
         this._province = value;
     }
 
@@ -317,10 +388,10 @@ export default class LightningInputAddress extends LightningShadowBaseClass {
      *
      */
     @api
-    get country() {
+    get country(): string {
         return this._country;
     }
-    set country(value) {
+    set country(value: string) {
         this._country = value;
     }
 
@@ -331,10 +402,10 @@ export default class LightningInputAddress extends LightningShadowBaseClass {
      *
      */
     @api
-    get postalCode() {
+    get postalCode(): string {
         return this._postalCode;
     }
-    set postalCode(value) {
+    set postalCode(value: string) {
         this._postalCode = value;
     }
 
@@ -344,10 +415,10 @@ export default class LightningInputAddress extends LightningShadowBaseClass {
      * @default false
      */
     @api
-    get disabled() {
+    get disabled(): boolean {
         return this._disabled;
     }
-    set disabled(value) {
+    set disabled(value: boolean) {
         this._disabled = normalizeBoolean(value);
     }
 
@@ -358,10 +429,10 @@ export default class LightningInputAddress extends LightningShadowBaseClass {
      * @default false
      */
     @api
-    get showAddressLookup() {
+    get showAddressLookup(): boolean {
         return this._showAddressLookup;
     }
-    set showAddressLookup(value) {
+    set showAddressLookup(value: boolean) {
         this._showAddressLookup = normalizeBoolean(value);
     }
 
@@ -370,15 +441,15 @@ export default class LightningInputAddress extends LightningShadowBaseClass {
      * Use with the show-address-lookup attribute.
      * Specify up to five country codes.
      *
-     * @type {list}
+     * @type {string[]}
      * @default []
      */
     @api
-    get countryLookupFilter() {
+    get countryLookupFilter(): string[] {
         return this._countryLookupFilter;
     }
 
-    set countryLookupFilter(value) {
+    set countryLookupFilter(value: string[]) {
         this._countryLookupFilter = Array.isArray(value) ? value : [];
     }
 
@@ -390,10 +461,10 @@ export default class LightningInputAddress extends LightningShadowBaseClass {
      * @default false
      */
     @api
-    get showCompactAddress() {
+    get showCompactAddress(): boolean {
         return this._showCompactAddress;
     }
-    set showCompactAddress(value) {
+    set showCompactAddress(value: boolean) {
         this._showCompactAddress = normalizeBoolean(value);
     }
 
@@ -403,10 +474,10 @@ export default class LightningInputAddress extends LightningShadowBaseClass {
      * @default false
      */
     @api
-    get readOnly() {
+    get readOnly(): boolean {
         return this._readonly;
     }
-    set readOnly(value) {
+    set readOnly(value: boolean) {
         this._readonly = normalizeBoolean(value);
     }
 
@@ -416,10 +487,10 @@ export default class LightningInputAddress extends LightningShadowBaseClass {
      * @default false
      */
     @api
-    get required() {
+    get required(): boolean {
         return this._required;
     }
-    set required(value) {
+    set required(value: boolean) {
         this._required = normalizeBoolean(value);
     }
 
@@ -434,11 +505,11 @@ export default class LightningInputAddress extends LightningShadowBaseClass {
      * @default standard
      */
     @api
-    get variant() {
+    get variant(): string {
         return this._variant || VARIANT.STANDARD;
     }
 
-    set variant(value) {
+    set variant(value: string) {
         this._variant = normalizeVariant(value);
         reflectAttribute(this, 'variant', this.variant);
     }
@@ -449,21 +520,21 @@ export default class LightningInputAddress extends LightningShadowBaseClass {
      *
      */
     @api
-    get fieldLevelHelp() {
+    get fieldLevelHelp(): string {
         return this._fieldLevelHelp;
     }
 
-    set fieldLevelHelp(value) {
+    set fieldLevelHelp(value: string) {
         this._fieldLevelHelp = value;
     }
 
     /**
      * Represents the validity states that an element can be in, with respect to constraint validation.
-     * @type {object}
+     * @type {ValidityState}
      *
      */
     @api
-    get validity() {
+    get validity(): ValidityState {
         return this._combinedConstraint.validity;
     }
 
@@ -472,7 +543,7 @@ export default class LightningInputAddress extends LightningShadowBaseClass {
      * @returns {boolean} Indicates whether the element meets all constraint validations.
      */
     @api
-    checkValidity() {
+    checkValidity(): boolean {
         return this._combinedConstraint.checkValidity();
     }
 
@@ -480,7 +551,7 @@ export default class LightningInputAddress extends LightningShadowBaseClass {
      * Displays error messages on the address fields if the values are invalid.
      */
     @api
-    showHelpMessageIfInvalid() {
+    showHelpMessageIfInvalid(): void {
         this.reportValidity();
     }
 
@@ -491,7 +562,7 @@ export default class LightningInputAddress extends LightningShadowBaseClass {
      * @param {string} fieldName - Name of the field, which must be one of the following: street, city, province, postalCode, country.
      */
     @api
-    setCustomValidityForField(message, fieldName) {
+    setCustomValidityForField(message: string, fieldName: string): void {
         assert(
             this.fieldsMeta[fieldName] !== undefined,
             `Invalid 'fieldName': ${fieldName}`
@@ -505,13 +576,13 @@ export default class LightningInputAddress extends LightningShadowBaseClass {
      * @returns {boolean} - The validity status of the input fields.
      */
     @api
-    reportValidity() {
+    reportValidity(): boolean {
         const valid = this.checkValidity();
 
         if (!this._connected) {
             return valid;
         }
-        this.inputOrder.forEach((field) => {
+        this.inputOrder.forEach((field: string): void => {
             this._reportValidityForField(field);
         });
 
@@ -522,38 +593,38 @@ export default class LightningInputAddress extends LightningShadowBaseClass {
      * Sets focus on the first input element.
      */
     @api
-    focus() {
-        this.template.querySelector('[data-field]').focus();
+    focus(): void {
+        (this.template.querySelector('[data-field]') as HTMLElement).focus();
     }
 
     /**
      * Removes focus from all input fields.
      */
     @api
-    blur() {
+    blur(): void {
         Array.prototype.forEach.call(
             this.template.querySelectorAll('[data-field]'),
-            (field) => field.blur()
+            (field: HTMLElement): void => field.blur()
         );
     }
 
-    get searchAddressButtonDisabled() {
+    get searchAddressButtonDisabled(): boolean {
         return this.disabled || this.readOnly;
     }
 
-    get addressLabelRequired() {
+    get addressLabelRequired(): boolean {
         return this.addressLabel && this.required;
     }
 
-    get i18n() {
+    get i18n(): typeof i18n {
         return i18n;
     }
 
-    get isLabelHidden() {
+    get isLabelHidden(): boolean {
         return this.variant === VARIANT.LABEL_HIDDEN;
     }
 
-    updateHostVariantAndClass() {
+    updateHostVariantAndClass(): void {
         const isStackedType =
             this.variant === VARIANT.LABEL_STACKED ||
             this.variant === VARIANT.LABEL_HIDDEN;
@@ -566,11 +637,11 @@ export default class LightningInputAddress extends LightningShadowBaseClass {
         reflectAttribute(this, 'variant', this.variant);
     }
 
-    get showDedicatedLookupAddressField() {
+    get showDedicatedLookupAddressField(): boolean {
         return this._showAddressLookup && !this._showCompactAddress;
     }
 
-    get computedFieldsetClass() {
+    get computedFieldsetClass(): string {
         return classSet(
             'slds-form-element slds-form-element_compound slds-form-element_address'
         )
@@ -583,13 +654,13 @@ export default class LightningInputAddress extends LightningShadowBaseClass {
             .toString();
     }
 
-    get computedLegendClass() {
+    get computedLegendClass(): string {
         return classSet('slds-form-element__label slds-form-element__legend')
             .add({ 'slds-assistive-text': this.isLabelHidden })
             .toString();
     }
 
-    get fieldsTypeMeta() {
+    get fieldsTypeMeta(): Record<string, StreetTypeMeta> {
         // See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete
         // for autocomplete attributes
         return {
@@ -634,7 +705,7 @@ export default class LightningInputAddress extends LightningShadowBaseClass {
         };
     }
 
-    get inputOrder() {
+    get inputOrder(): string[] {
         const hasCountryPicklist =
             this.fieldsTypeMeta.country.type === FIELD_TYPE.PICKLIST;
         const [langCode, countryCode] = this.locale.split('-');
@@ -644,29 +715,29 @@ export default class LightningInputAddress extends LightningShadowBaseClass {
             langCode,
             showAddressLookup: this._showAddressLookup,
             showCompactAddress: this._showCompactAddress,
-        });
+        } as Config);
     }
 
-    get requiredFields() {
+    get requiredFields(): string[] {
         const [langCode, countryCode] = this.locale.split('-');
         return getRequiredFields({
             countryCode,
             langCode,
             showAddressLookup: this._showAddressLookup,
             showCompactAddress: this._showCompactAddress,
-        });
+        } as Config);
     }
 
-    get fieldsMeta() {
-        const fieldsMeta = {};
-        this.inputOrder.forEach((name) => {
+    get fieldsMeta(): FieldsMeta {
+        const fieldsMeta: FieldsMeta = {};
+        this.inputOrder.forEach((name: string): void => {
             fieldsMeta[name] = Object.assign(
                 {},
                 this.fieldsTypeMeta[name],
                 getFieldWidth(name)
             );
         });
-        this.requiredFields.forEach((name) => {
+        this.requiredFields.forEach((name: string): void => {
             if (this.countryDisabled && name === 'country') {
                 fieldsMeta[name].required = false;
             } else if (!this._hasOptions(name)) {
@@ -678,18 +749,18 @@ export default class LightningInputAddress extends LightningShadowBaseClass {
         return fieldsMeta;
     }
 
-    get domFieldsMeta() {
+    get domFieldsMeta(): RowList[] {
         const shouldHideProvince =
             this.hideProvince && !this.fieldsMeta?.province?.required;
         let rowKey = 0;
         const out = getTransformedFieldsMetaForLayout(
             this.fieldsMeta,
             this.inputOrder
-        ).map((row) => {
+        ).map((row: Field[]): RowList => {
             const rowHasProvinceField = row.some(
                 ({ name }) => name === 'province'
             );
-            const rowList = row.map((field) => {
+            const rowList = row.map((field: Field): RowListItem => {
                 const { name, type, required, maxlength, autocomplete } = field;
                 // make width of province field 0 and the other field in the same row
                 // 6 (to span the width of the row) if hide-province is present
@@ -712,7 +783,7 @@ export default class LightningInputAddress extends LightningShadowBaseClass {
                     isPicklist: type === FIELD_TYPE.PICKLIST,
                     isTextArea: type === FIELD_TYPE.TEXTAREA,
                     isLookupAddress: type === FIELD_TYPE.LOOKUP_ADDRESS,
-                    value: value,
+                    value,
                     options: this.getFieldOptions(name),
                     required: this.required && !!required,
                     disabled: this.getFieldDisabled(name) || this.disabled,
@@ -723,12 +794,12 @@ export default class LightningInputAddress extends LightningShadowBaseClass {
                     }`,
                     placeholder: this.getFieldPlaceholder(name),
                     label: this.getFieldLabel(name),
-                    suppressNoneOption: suppressNoneOption,
+                    suppressNoneOption,
                     autocomplete,
                     maxlength,
                     name,
                 };
-            });
+            }) as RowList;
             rowList.name = rowKey++;
             return rowList;
         });
@@ -736,33 +807,46 @@ export default class LightningInputAddress extends LightningShadowBaseClass {
         return out;
     }
 
-    isCountryPicklistEnabled() {
+    isCountryPicklistEnabled(): boolean {
         return Array.isArray(this.countryOptions);
     }
 
-    isProvincePicklistEnabled() {
+    isProvincePicklistEnabled(): boolean {
         return Array.isArray(this.provinceOptions);
     }
 
-    handleAddress(evt) {
+    handleAddress(evt: CustomEvent): void {
         const address = evt.detail.address || {};
 
+        // eslint-disable-next-line @lwc/lwc/no-api-reassignments
         this.street = address.street || '';
+        // eslint-disable-next-line @lwc/lwc/no-api-reassignments
         this.subpremise = address.subpremise || '';
+        // eslint-disable-next-line @lwc/lwc/no-api-reassignments
         this.city = address.city || '';
 
-        // Only used for Japan (JP)
-        const state =
-            this.isProvincePicklistEnabled() && address.stateCode
-                ? address.stateCode
-                : address.state;
+        let state = address.state;
+        // If the stateCode is available and the option exists in the provinceOptions list, use the stateCode
+        // Only available for Japan (JP)
+        if (
+            this.isProvincePicklistEnabled() &&
+            address.stateCode &&
+            this.provinceOptions.some(
+                (option) => option.value === address.stateCode
+            )
+        ) {
+            state = address.stateCode;
+        }
+        // eslint-disable-next-line @lwc/lwc/no-api-reassignments
         this.province = state || '';
 
         const country = this.isCountryPicklistEnabled()
             ? address.countryCode
             : address.country;
+        // eslint-disable-next-line @lwc/lwc/no-api-reassignments
         this.country = country || '';
 
+        // eslint-disable-next-line @lwc/lwc/no-api-reassignments
         this.postalCode = address.postalCode || '';
         this._messageOnAddressUpdate = formatLabel(
             this.i18n.mailingAddressFieldsUpdateText,
@@ -772,21 +856,21 @@ export default class LightningInputAddress extends LightningShadowBaseClass {
         this.dispatchAddressChangeEvent();
     }
 
-    handleFocus() {
+    handleFocus(): void {
         this.interactingState.enter();
     }
 
-    handleBlur(event) {
+    handleBlur(event: FocusEvent): void {
         this.interactingState.leave();
 
-        const field = event.target.dataset.field;
+        const field = (event.target as HTMLElement).dataset.field;
         this._reportValidityForField(field);
     }
 
-    handleChange(event) {
+    handleChange(event: CustomEvent): void {
         event.stopPropagation();
 
-        const fieldName = event.target.dataset.field;
+        const fieldName = (event.target as HTMLElement).dataset.field;
         const value = event.detail.value;
         if (this.getFieldValue(fieldName) === value) {
             // Value didn't change. No need to dispatch.
@@ -799,6 +883,7 @@ export default class LightningInputAddress extends LightningShadowBaseClass {
     }
 
     dispatchAddressChangeEvent() {
+        // eslint-disable-next-line @lwc/lwc/ssr-no-unsupported-properties
         this.dispatchEvent(
             new CustomEvent('change', {
                 composed: true,
@@ -816,32 +901,32 @@ export default class LightningInputAddress extends LightningShadowBaseClass {
         );
     }
 
-    getFieldValue(fieldName) {
+    getFieldValue(fieldName: string): string {
         assertContext(this);
         return this[fieldName];
     }
 
-    getFieldOptions(fieldName) {
+    getFieldOptions(fieldName: string): OptionItem[] {
         return this[`${fieldName}Options`];
     }
 
-    getFieldLabel(fieldName) {
+    getFieldLabel(fieldName: string): string {
         return this[`${fieldName}Label`];
     }
 
-    getFieldPlaceholder(fieldName) {
+    getFieldPlaceholder(fieldName: string): string {
         return this[`${fieldName}Placeholder`];
     }
 
-    getFieldDisabled(fieldName) {
+    getFieldDisabled(fieldName: string): boolean {
         return !!this[`${fieldName}Disabled`];
     }
 
-    getFieldElement(fieldName) {
+    getFieldElement(fieldName: string): HTMLElement {
         return this.template.querySelector(`[data-field="${fieldName}"]`);
     }
 
-    get _fieldConstraints() {
+    get _fieldConstraints(): Record<string, FieldConstraintApi> {
         if (!this._fieldConstraintApis) {
             // For every field to display create an appropriate constraint
             this._fieldConstraintApis = [
@@ -850,58 +935,71 @@ export default class LightningInputAddress extends LightningShadowBaseClass {
                 'province',
                 'country',
                 'postalCode',
-            ].reduce((constraints, field) => {
-                constraints[field] = new FieldConstraintApi(
-                    () => this.getFieldElement(field),
-                    {
-                        valueMissing: () =>
-                            !this.disabled &&
-                            this.required &&
-                            this.requiredFields.indexOf(field) >= 0 &&
-                            (field !== 'country' || !this.countryDisabled) &&
-                            (field !== 'province' ||
-                                this._hasOptions(field) ||
-                                !this.isProvincePicklistEnabled()) &&
-                            isEmptyString(this[field]),
-                    }
-                );
-                return constraints;
-            }, {});
+            ].reduce(
+                (
+                    constraints: Record<string, FieldConstraintApi>,
+                    field: string
+                ): Record<string, FieldConstraintApi> => {
+                    constraints[field] = new FieldConstraintApi(
+                        () => this.getFieldElement(field),
+                        {
+                            valueMissing: (): boolean =>
+                                !this.disabled &&
+                                this.required &&
+                                this.requiredFields.indexOf(field) >= 0 &&
+                                (field !== 'country' ||
+                                    !this.countryDisabled) &&
+                                (field !== 'province' ||
+                                    this._hasOptions(field) ||
+                                    !this.isProvincePicklistEnabled()) &&
+                                isEmptyString(this[field]),
+                        }
+                    );
+                    return constraints;
+                },
+                {} as Record<string, FieldConstraintApi>
+            );
         }
         return this._fieldConstraintApis;
     }
 
-    get _combinedConstraint() {
+    get _combinedConstraint(): FieldConstraintApi {
         if (!this._combinedConstraintApi) {
             this._combinedConstraintApi = new FieldConstraintApi(() => this, {
-                customError: () =>
+                customError: (): boolean =>
                     Object.values(this._fieldConstraints).some(
-                        (constraint) => constraint.validity.customError
+                        (constraint: FieldConstraintApi): boolean =>
+                            constraint.validity.customError
                     ),
-                valueMissing: () =>
+                valueMissing: (): boolean =>
                     Object.values(this._fieldConstraints).some(
-                        (constraint) => constraint.validity.valueMissing
+                        (constraint: FieldConstraintApi): boolean =>
+                            constraint.validity.valueMissing
                     ),
             });
         }
         return this._combinedConstraintApi;
     }
 
-    _reportValidityForField(field) {
-        if (this._fieldConstraints[field] && this._hasOptions(field)) {
-            this._fieldConstraints[field].reportValidity((helpMessage) => {
-                const fieldElement = this.getFieldElement(field);
-                fieldElement.setCustomValidity(helpMessage);
-                fieldElement.reportValidity();
-            });
+    _reportValidityForField(field: string): void {
+        if (this._fieldConstraints[field]) {
+            this._fieldConstraints[field].reportValidity(
+                (helpMessage: string): void => {
+                    const fieldElement = this.getFieldElement(
+                        field
+                    ) as HTMLInputElement;
+                    fieldElement.setCustomValidity(helpMessage);
+                    fieldElement.reportValidity();
+                }
+            );
         }
     }
 
-    get helptextAlternativeText() {
+    get helptextAlternativeText(): string {
         return formatLabel(i18n.helpTextAlternativeText, this.addressLabel);
     }
 
-    _hasOptions(field) {
+    _hasOptions(field: string): boolean {
         const fieldData = this.fieldsTypeMeta[field];
         const comboboxFields = {
             province: 'provinceOptions',
@@ -913,4 +1011,4 @@ export default class LightningInputAddress extends LightningShadowBaseClass {
         }
         return true;
     }
-}
+}