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

package/src/lightning/modal/__modalUtils__/modalContainerTestMethods.js

@@ -3,6 +3,8 @@
  * All rights reserved.
  * For full license text, see the LICENSE.txt file
  */
+/* eslint @eslint-community/eslint-comments/no-use: off */
+/* eslint-disable */
 /* Contains methods for modal testing
  * All helper methods included expect that Webdriver
  *  is in scope: $, $$, browser, element
@@ -49,42 +51,40 @@ const {
 
 let wrapper = null;
 
-// eslint-disable-next-line
 async function clickButton(btnSelector) {
     // find the correct button, and click
     // to launch modal
-    // eslint-disable-next-line
+
+    // eslint-disable-next-line no-undef
     wrapper = await kontajner.getWrapper();
     await wrapper.waitForDisplayed();
     const button = await wrapper.shadow$(btnSelector);
     await button.click();
 }
 
-// eslint-disable-next-line
 async function getOverlayContainer() {
     // overlay container isn't present in the DOM
     // until first overlay or modal is created
-    // eslint-disable-next-line no-undef
+
     const htmlElem = await $('html');
-    // eslint-disable-next-line no-undef
+
     const bodyElem = await $('body');
-    // eslint-disable-next-line no-undef
+
     const headElem = await $('head');
-    // eslint-disable-next-line no-undef
+
     const overlayContainerElem = await $(OVERLAY_CONTAINER);
     return { htmlElem, bodyElem, headElem, overlayContainerElem };
 }
 
-// eslint-disable-next-line
 async function setupStrategy() {
     // couldn't find a good strategy for access to the slot's content
     // using this technique requires that you return a single element
-    // eslint-disable-next-line
+
     await browser.addLocatorStrategy(
         'getFirstSlotElement',
         (slotElem) => slotElem.assignedNodes()[0]
     );
-    // eslint-disable-next-line
+
     await browser.addLocatorStrategy('getSlotElements', (slotElem) =>
         slotElem.assignedNodes()
     );
@@ -104,7 +104,7 @@ function isModalOfVariantType(modalVariantType, type) {
  * use getModalHeaderInternals, getModalBodyInternals,
  * and getModalFooterInternals
  */
-// eslint-disable-next-line
+
 async function getModalInternals(config, modalIndex = 0) {
     const { modalVariantType } = config;
     expect(modalVariantType).not.toBeFalsy();
@@ -147,7 +147,7 @@ async function getModalInternals(config, modalIndex = 0) {
         focusTrapElem = await modalBaseElem.shadow$(FOCUS_TRAP);
         focusTrapSlotElem = await focusTrapElem.shadow$('slot');
         // get modal's <section> element just inside focus trap
-        // eslint-disable-next-line
+
         modalSectionElem = await browser.custom$(
             'getFirstSlotElement',
             focusTrapSlotElem
@@ -157,7 +157,7 @@ async function getModalInternals(config, modalIndex = 0) {
             MODAL_DESCRIPTION_SELECTOR
         );
 
-        //get modal data-aria-live-message
+        // get modal data-aria-live-message
         modalAriaLiveMessageSpanElem = await modalSectionElem.$(
             MODAL_ARIALIVE_SELECTOR
         );
@@ -210,7 +210,6 @@ async function getModalInternals(config, modalIndex = 0) {
 /*
  * gets the internal elements of lightning-modal-header component
  */
-// eslint-disable-next-line @lwc/lwc/no-async-await
 async function getModalHeaderInternals(headerElem) {
     if (!headerElem) {
         return null;
@@ -234,7 +233,6 @@ async function getModalHeaderInternals(headerElem) {
 /*
  * gets the internal elements of lightning-modal-body component
  */
-// eslint-disable-next-line @lwc/lwc/no-async-await
 async function getModalBodyInternals(bodyElem) {
     if (!bodyElem) {
         return null;
@@ -244,7 +242,7 @@ async function getModalBodyInternals(bodyElem) {
     if (bodyElem) {
         bodyOuterDiv = await bodyElem.shadow$(MODAL_BODY_DIV);
         const bodySlot = await bodyElem.shadow$(MODAL_BODY_SLOT);
-        // eslint-disable-next-line no-undef
+
         bodySlotContents = await browser.custom$('getSlotElements', bodySlot);
     }
     return {
@@ -256,7 +254,6 @@ async function getModalBodyInternals(bodyElem) {
 /*
  * gets the internal elements of lightning-modal-footer component
  */
-// eslint-disable-next-line @lwc/lwc/no-async-await
 async function getModalFooterInternals(footerElem) {
     if (!footerElem) {
         return null;
@@ -266,7 +263,7 @@ async function getModalFooterInternals(footerElem) {
     if (footerElem) {
         footerOuterDiv = await footerElem.shadow$('.slds-modal__footer');
         const footerSlot = await footerElem.shadow$('[data-footer-slot]');
-        // eslint-disable-next-line no-undef
+
         footerSlotContents = await browser.custom$(
             'getSlotElements',
             footerSlot
@@ -279,7 +276,6 @@ async function getModalFooterInternals(footerElem) {
 }
 
 // get a specific element from the modal footer
-// eslint-disable-next-line @lwc/lwc/no-async-await
 async function getElementInModalFooter(
     footerSlotContents,
     selector,
@@ -293,7 +289,6 @@ async function getElementInModalFooter(
     return element;
 }
 
-// eslint-disable-next-line @lwc/lwc/no-async-await
 async function getNumModals() {
     // initialize returned values
     let numModals = 0;
@@ -312,12 +307,11 @@ async function getNumModals() {
  * modal close button variant set based on screen size,
  * size attribute, and modalVariant, and actual screen size that was set.
  */
-// eslint-disable-next-line @lwc/lwc/no-async-await
 async function validateModalCloseButtonAttributes(config) {
     const { modalSize } = config;
 
     // first, get window size
-    // eslint-disable-next-line no-undef
+
     const { width: windowWidth } = await browser.getWindowSize();
     let modalCloseButtonVariant = null;
     let modalCloseButtonCssClass = null;
@@ -355,9 +349,7 @@ async function validateModalCloseButtonAttributes(config) {
  * including offset values and classes
  * utilizes DOM based approach via browser.execute
  */
-// eslint-disable-next-line @lwc/lwc/no-async-await
 async function getModalInternalsDomBased() {
-    // eslint-disable-next-line no-undef
     const result = await browser.execute(() => {
         // down the modal dom tree
         // eslint-disable-next-line @lwc/lwc/no-document-query
@@ -414,14 +406,12 @@ async function getModalInternalsDomBased() {
  * height of modal child elements and calculate % of screen height
  * utilization
  */
-// eslint-disable-next-line @lwc/lwc/no-async-await
 async function validateModalHeightBehavior(config) {
     const { modalSize, modalVariantType } = config;
     // first, get size of browser window
     // typically openModal has already been called, so the
     // window has been resized
     const { height: windowHeight, width: windowWidth } =
-        // eslint-disable-next-line no-undef
         await browser.getWindowSize();
 
     // get child elements element for min and max height values
@@ -533,14 +523,12 @@ async function validateModalHeightBehavior(config) {
  * Validating width: use wdio getLocation() on modal child
  * elements to measure X location (ie x,y coordinates in viewport)
  */
-// eslint-disable-next-line @lwc/lwc/no-async-await
 async function validateModalWidthBehavior(config) {
     const { modalSize, modalVariantType } = config;
     // first, get size of browser window
     // typically openModal has already been called, so the
     // window has been resized
 
-    // eslint-disable-next-line no-undef
     const { width: windowWidth } = await browser.getWindowSize();
 
     // get child elements element for min and max height values
@@ -656,21 +644,18 @@ const getModalSizeFromName = (name = 'all') => {
 /*
  * Function to set window size to requested values
  */
-// eslint-disable-next-line @lwc/lwc/no-async-await
 async function setWindowSize(screenSizeToSet) {
     // set screen size for testing modal behavior
     const { width, height } = getScreenSizeValues(screenSizeToSet);
 
-    // eslint-disable-next-line no-undef
     await browser.setWindowSize(width, height);
-    // eslint-disable-next-line no-undef
+
     await browser.pause(BROWSER_RESIZE_PAUSE);
 }
 
 /*
  * Function to open a modal based on the config passed in
  */
-// eslint-disable-next-line @lwc/lwc/no-async-await
 async function openModal({
     modalVariantType = '',
     screenSizeToSet = SCREEN_SIZE_LARGE,
@@ -692,7 +677,7 @@ async function openModal({
     const modalBtnSelector = SELECTORS[modalVariantType];
 
     await clickButton(modalBtnSelector);
-    // eslint-disable-next-line no-undef
+
     await browser.pause(MODAL_RENDER_PAUSE);
     return true;
 }
@@ -718,9 +703,9 @@ function isModalCloseButton(info) {
 /*
  * Function to close a modal based on the config passed in
  */
-// eslint-disable-next-line @lwc/lwc/no-async-await
 async function closeModal(config, modalIndex = 0, closeMethod = 'click') {
     if (typeof modalIndex !== 'number' && modalIndex >= 0) {
+        // eslint-disable-next-line no-console
         console.error(
             'closeModal :: requires modalIndex value to correctly function'
         );
@@ -732,7 +717,7 @@ async function closeModal(config, modalIndex = 0, closeMethod = 'click') {
         );
         if (modalCloseButton) {
             await modalCloseButton.click();
-            // eslint-disable-next-line no-undef
+
             await browser.pause(MODAL_RENDER_PAUSE);
         }
     } else if (closeMethod === KEY.ENTER || closeMethod === KEY.SPACE) {
@@ -743,15 +728,13 @@ async function closeModal(config, modalIndex = 0, closeMethod = 'click') {
         const closeButtonIsFocused = isModalCloseButton(activeElement);
         expect(closeButtonIsFocused).toBeTrue();
         if (closeButtonIsFocused) {
-            // eslint-disable-next-line no-undef
             await browser.keys(closeMethod);
-            // eslint-disable-next-line no-undef
+
             await browser.pause(MODAL_RENDER_PAUSE);
         }
     } else if (closeMethod === KEY.ESC) {
-        // eslint-disable-next-line no-undef
         await browser.keys(closeMethod);
-        // eslint-disable-next-line no-undef
+
         await browser.pause(MODAL_RENDER_PAUSE);
     }
 }
@@ -759,9 +742,7 @@ async function closeModal(config, modalIndex = 0, closeMethod = 'click') {
 /*
  * Function to mock up matchMedia for reduced motion
  */
-// eslint-disable-next-line @lwc/lwc/no-async-await
 async function mockMatchMedia() {
-    // eslint-disable-next-line no-undef
     await browser.execute(() => {
         Object.defineProperty(window, 'matchMedia', {
             writable: true,
@@ -773,10 +754,8 @@ async function mockMatchMedia() {
     });
 }
 
-// eslint-disable-next-line @lwc/lwc/no-async-await
 async function checkBackgroundElemForInertness(elems, expectedValue = true) {
     return Promise.all(
-        // eslint-disable-next-line @lwc/lwc/no-async-await
         elems.map(async (elem) => {
             const elemType = await elem.getTagName();
             const initAriaHiddenValue = await elem.getAttribute('aria-hidden');
@@ -799,13 +778,12 @@ async function checkBackgroundElemForInertness(elems, expectedValue = true) {
 // validateInertness checks two things:
 // (a) aria-hidden is set correctly based on parameter 'on'
 // (b) validates HEAD element doesn't receive aria-hidden
-// eslint-disable-next-line @lwc/lwc/no-async-await
 async function validateInertness(bgInert = true) {
     // aria-hidden = true equivalent to ON
     // aria-hidden not set (null) equivalent to OFF
     const ariaHiddenValue = bgInert ? true : null;
     // get elements
-    // eslint-disable-next-line no-undef
+
     const htmlElem = await $('html');
     const rootElemsToCheck = await htmlElem.$$('body > *');
     // clear undefined elements
@@ -814,7 +792,7 @@ async function validateInertness(bgInert = true) {
     );
 
     // get HEAD aria-hidden value
-    // eslint-disable-next-line no-undef
+
     const headElem = await $('head');
     const headAriaHiddenValueCheck = await headElem.getAttribute('aria-hidden');
     // HEAD element should NEVER have inert applied
@@ -826,24 +804,22 @@ async function validateInertness(bgInert = true) {
 // function to enable forward and reverse tab navigation
 // positive number = number of tabs to navigate forward
 // negative number = number of tabs to navigate backward (shift + tab)
-// eslint-disable-next-line @lwc/lwc/no-async-await
 async function repeatTab(tabCount = 0) {
     // check to see if reverse or forward tab direction
     if (tabCount !== 0) {
         const shouldShiftTab = tabCount < 0;
         const numTabs = Math.abs(tabCount);
         for (let count = numTabs; count > 0; count--) {
-            /* eslint-disable */
             if (shouldShiftTab) {
+                // eslint-disable-next-line no-await-in-loop
                 await browser.keys([KEY.SHIFT, KEY.TAB, 'NULL']);
             } else {
+                // eslint-disable-next-line no-await-in-loop
                 await browser.keys(KEY.TAB);
             }
-            /* eslint-enable */
         }
         // unset 'Shift' key after multiple tabs applied
         if (shouldShiftTab) {
-            // eslint-disable-next-line no-undef
             await browser.keys(KEY.SHIFT);
         }
     }
@@ -851,34 +827,32 @@ async function repeatTab(tabCount = 0) {
 
 // expects positive number of times to repeat
 // and key to send
-// eslint-disable-next-line @lwc/lwc/no-async-await
 async function repeatKey(repeatCount = 0, keyName) {
     // check to see if reverse or forward tab direction
     if (repeatCount > 0 || !keyName) {
         for (let count = Math.abs(repeatCount); count > 0; count--) {
-            /* eslint-disable */
+            // eslint-disable-next-line no-await-in-loop
             await browser.keys(keyName);
             // pause is needed for the browser to recognize all of the key clicks
+            // eslint-disable-next-line no-await-in-loop
             await browser.pause(PAUSE_MICRO);
-            /* eslint-enable */
         }
     }
 }
 
 // expects positive number of times to repeat
 // and key to send
-// eslint-disable-next-line @lwc/lwc/no-async-await
 async function typeLetters(word) {
     // check to see if reverse or forward tab direction
     if (word && word.length > 0) {
         const arrOfLetters = word.split('');
         for (let count = 0; count < arrOfLetters.length; count++) {
             const letterToType = arrOfLetters[count];
-            /* eslint-disable */
+            // eslint-disable-next-line no-await-in-loop
             await browser.keys(letterToType);
             // pause is needed for the browser to recognize all of the key clicks
+            // eslint-disable-next-line no-await-in-loop
             await browser.pause(PAUSE_MICRO);
-            /* eslint-enable */
         }
     }
 }
@@ -886,37 +860,49 @@ async function typeLetters(word) {
 // Fills out a form using provided data
 // Assumes the first item in the form is already focused
 // Based on type of element executes different input strategies
-// eslint-disable-next-line @lwc/lwc/no-async-await
 async function fillForm({ data = [], tabToFormAction = 0 }) {
     if (!data || data.length === 0) {
+        // eslint-disable-next-line no-console
         console.error('fillForm :: requires data array of fields');
     }
     for (let count = 0; count < data.length; count++) {
         const { name, value, type, numTabsToNext } = data[count];
-        /* eslint-disable */
         if (type === 'text') {
+            // eslint-disable-next-line no-await-in-loop
             await browser.keys(value);
         } else if (type === 'combobox') {
             if (typeof value === 'number') {
+                // eslint-disable-next-line no-await-in-loop
                 await browser.keys('Enter');
+                // eslint-disable-next-line no-await-in-loop
                 await repeatKey(value, 'ArrowDown');
+                // eslint-disable-next-line no-await-in-loop
                 await browser.keys('Enter');
             } else {
+                // eslint-disable-next-line no-await-in-loop
                 await browser.keys('Enter');
+                // eslint-disable-next-line no-await-in-loop
                 await typeLetters(value);
+                // eslint-disable-next-line no-await-in-loop
                 await browser.keys('Enter');
             }
         } else if (type === 'datepicker') {
+            // eslint-disable-next-line no-await-in-loop
             await browser.keys(value);
+            // eslint-disable-next-line no-await-in-loop
             await browser.keys('Enter');
         } else if (type === 'timepicker') {
             // timepicker is a combobox
+            // eslint-disable-next-line no-await-in-loop
             await browser.keys('Enter');
+            // eslint-disable-next-line no-await-in-loop
             await repeatKey(value, 'ArrowDown');
+            // eslint-disable-next-line no-await-in-loop
             await browser.keys('Enter');
         } else if (type === 'heading') {
             // focus is on heading, move on
         } else {
+            // eslint-disable-next-line no-console
             console.error(
                 "fillForm :: Ooops, shouldn't happen: ",
                 name,
@@ -924,9 +910,9 @@ async function fillForm({ data = [], tabToFormAction = 0 }) {
             );
         }
         if (numTabsToNext !== 0) {
+            // eslint-disable-next-line no-await-in-loop
             await repeatTab(numTabsToNext);
         }
-        /* eslint-enable */
     }
 
     // finished filling out the form
@@ -935,7 +921,7 @@ async function fillForm({ data = [], tabToFormAction = 0 }) {
         // number of tabs from last element to submit button
         await repeatTab(tabToFormAction);
         // submit the form
-        // eslint-disable-next-line
+
         await browser.keys('Enter');
     }
 }
@@ -943,6 +929,7 @@ async function fillForm({ data = [], tabToFormAction = 0 }) {
 // loop through received data, and validate
 function validateData(verifyData, origData) {
     if (!verifyData || !origData) {
+        // eslint-disable-next-line no-console
         console.error('validateData :: missing data');
     }
     const dataValidated = {};
@@ -988,10 +975,8 @@ function validateData(verifyData, origData) {
 // function to recurse .activeElement, since each
 // shadow root can have it's own active element
 // returns outerHTML and localName of each active element
-// eslint-disable-next-line @lwc/lwc/no-async-await
 async function getActiveShadowElements() {
-    // eslint-disable-next-line no-undef
-    return browser.execute(function () {
+    return browser.execute(() => {
         let activeElement = document.activeElement;
         const activeElements = [];
         while (
@@ -1027,7 +1012,6 @@ async function getActiveShadowElements() {
     });
 }
 
-// eslint-disable-next-line @lwc/lwc/no-async-await
 async function getActiveShadowElement() {
     const allActiveShadowElements = await getActiveShadowElements();
     if (allActiveShadowElements) {
@@ -1039,7 +1023,6 @@ async function getActiveShadowElement() {
 
 // recurse using document.activeElement until reaching lightning-modal
 // then get details
-// eslint-disable-next-line @lwc/lwc/no-async-await
 async function getCalendarDetail() {
     // eslint-disable-next-line
     return browser.execute(function () {
@@ -1047,11 +1030,11 @@ async function getCalendarDetail() {
         let details;
         let nodes;
         let calendarStyles = {};
-        let activeElements = [];
+        const activeElements = [];
         const CALENDAR = 'lightning-calendar';
 
         function getStylesObj(str = '') {
-            let styleObj = {};
+            const styleObj = {};
             const stylesStr = str.replace(/ /g, '');
             const styleArr = stylesStr.split(';');
             styleArr.forEach((string) => {
@@ -1108,7 +1091,7 @@ function parseStyleAttributes(styleString) {
         return {};
     }
 
-    let styleProps = {};
+    const styleProps = {};
     let stylesSplit = styleString.trim().split('; ');
     if (stylesSplit && stylesSplit.length > 0) {
         stylesSplit = stylesSplit.forEach((style) => {
@@ -1132,7 +1115,6 @@ function parseStyleAttributes(styleString) {
 // either opening or closing the modal, which can be used
 // to validate first element focused on modal open
 // and last element focused after modal closed
-// eslint-disable-next-line @lwc/lwc/no-async-await
 async function validateModalFocus({
     html = '',
     type = '',
@@ -1183,7 +1165,6 @@ async function validateModalFocus({
 }
 
 // Validates mumber of modals open at two separate
-// eslint-disable-next-line @lwc/lwc/no-async-await
 async function validateNumModals(values, checkNow = false) {
     // prevent null values from being passed immediately
     expect(values).not.toBeFalsy();
@@ -1213,6 +1194,7 @@ async function validateNumModals(values, checkNow = false) {
             expect(actual).toEqual(expected);
         }
     } else {
+        // eslint-disable-next-line no-console
         console.error(
             'validateNumModals expects an array of objects, or an object'
         );
@@ -1236,7 +1218,6 @@ function getNumTabsToCloseButton(spec = '', modalVariantType = '') {
 // (b) the correct element is focused after modal closes
 // by doing this we are exercising focus code features:
 // 'focus first', 'focus after' in modalBase
-// eslint-disable-next-line @lwc/lwc/no-async-await
 async function validateModalOpenCloseFocusBehavior(
     config,
     expectedAfterOpen,
@@ -1264,7 +1245,7 @@ async function validateModalOpenCloseFocusBehavior(
     // can skip this entirely
     if (closeMethod === KEY.ENTER || closeMethod === KEY.SPACE) {
         const { modalVariantType } = config;
-        let tabNavValue = getNumTabsToCloseButton(spec, modalVariantType);
+        const tabNavValue = getNumTabsToCloseButton(spec, modalVariantType);
         if (tabNavValue !== 0 && typeof tabNavValue === 'number') {
             await repeatTab(tabNavValue);
         }
@@ -1292,7 +1273,6 @@ async function validateModalOpenCloseFocusBehavior(
 // validate that focus trap is working correctly
 // in this test, shift tab or reverse tab navigation is utilized
 // should end up on the 1st button in the modalFooter element
-// eslint-disable-next-line @lwc/lwc/no-async-await
 async function validateModalOpenTabNavFocusBehavior(
     config,
     expectedAfterOpen,

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

@@ -1,8 +1,3 @@
-/*
- * Copyright (c) 2025, Salesforce, Inc.,
- * All rights reserved.
- * For full license text, see the LICENSE.txt file
- */
 import { api } from 'lwc';
 import LightningOverlay from 'lightning/overlay';
 import { parent, instanceName, secure } from 'lightning/overlayUtils';
@@ -17,15 +12,16 @@ export default class LightningModal extends LightningOverlay {
     static [instanceName] = 'lightning-modal';
 
     // private tracked state
-    _disableClose = false;
+    _disableClose: boolean = false;
 
     // public api
     /**
      * How much of the viewport width the modal uses. Supported values are small, medium, large, or full.
+     * You can't change the modal size after the modal is opened.
      * @type {string}
      * @default medium
      */
-    @api size = 'medium';
+    @api size: 'small' | 'medium' | 'large' | 'full' = 'medium';
 
     /**
      * Sets the modal's title and assistive device label.
@@ -33,14 +29,14 @@ export default class LightningModal extends LightningOverlay {
      * @required true
      * @default false
      */
-    @api label = '';
+    @api label: string = '';
 
     /**
      * Sets the modal's accessible description.
-     * @type {boolean}
+     * @type {string}
      * @default false
      */
-    @api description = '';
+    @api description: string = '';
 
     /**
      * Prevents closing the modal by normal means like the ESC key, the close button, or `.close()`.
@@ -48,15 +44,16 @@ export default class LightningModal extends LightningOverlay {
      * @default false
      */
     @api
-    get disableClose() {
+    get disableClose(): boolean {
         return this._disableClose;
     }
-
-    set disableClose(value) {
+    // due to normalizeBoolean, added type unknown
+    set disableClose(value: unknown) {
         const currentDisableClose = this._disableClose;
         this._disableClose = normalizeBoolean(value);
         // if there is a change, dispatch private event for modalBase
         if (currentDisableClose !== this._disableClose) {
+            // eslint-disable-next-line @lwc/lwc/ssr-no-unsupported-properties
             this.dispatchEvent(
                 new CustomEvent('privatedisableclosebutton', {
                     detail: {
@@ -69,11 +66,18 @@ export default class LightningModal extends LightningOverlay {
         }
     }
 
+    /**
+     * Closes the modal and resolves with an optional result.
+     * @param {*} result - Value returned to the caller of `open()`.
+     * If the result argument is not provided, this method resolves with undefined
+     * and the modal is closed without a result.
+     */
     @api
-    close(result) {
+    close(result?: unknown): void {
         // Prevent close() private event until disableClose removed
         if (!this.disableClose) {
-            const promise = new Promise((resolve) => {
+            const promise = new Promise<void>((resolve) => {
+                // eslint-disable-next-line @lwc/lwc/ssr-no-unsupported-properties
                 this.dispatchEvent(
                     new CustomEvent('privateclose', {
                         detail: {
@@ -92,11 +96,11 @@ export default class LightningModal extends LightningOverlay {
                 'LightningModal - Any interactions (buttons, processes, etc) that call modal.close() should be ';
             errorMsg += '(a) disabled, while disableClose api set true, and ';
             errorMsg += '(b) re-enabled, when disableClose set false';
-            console.error(errorMsg);
+            console.error(errorMsg); // eslint-disable-line no-console
         }
     }
 
-    connectedCallback() {
+    connectedCallback(): void {
         // Safe for extended components to not call super
         // this is only to prevent `<lightning-modal>` element usage!
         if (this.constructor.name === 'LightningModal') {
@@ -105,4 +109,4 @@ export default class LightningModal extends LightningOverlay {
             );
         }
     }
-}
+}