Fix import/extensions issues

js/index.esm.js

@@ -5,15 +5,15 @@
  * --------------------------------------------------------------------------
  */
 
-export { default as Alert } from './src/alert'
+export { default as Alert } from './src/alert.js'
-export { default as Button } from './src/button'
+export { default as Button } from './src/button.js'
-export { default as Carousel } from './src/carousel'
+export { default as Carousel } from './src/carousel.js'
-export { default as Collapse } from './src/collapse'
+export { default as Collapse } from './src/collapse.js'
-export { default as Dropdown } from './src/dropdown'
+export { default as Dropdown } from './src/dropdown.js'
-export { default as Modal } from './src/modal'
+export { default as Modal } from './src/modal.js'
-export { default as Offcanvas } from './src/offcanvas'
+export { default as Offcanvas } from './src/offcanvas.js'
-export { default as Popover } from './src/popover'
+export { default as Popover } from './src/popover.js'
-export { default as ScrollSpy } from './src/scrollspy'
+export { default as ScrollSpy } from './src/scrollspy.js'
-export { default as Tab } from './src/tab'
+export { default as Tab } from './src/tab.js'
-export { default as Toast } from './src/toast'
+export { default as Toast } from './src/toast.js'
-export { default as Tooltip } from './src/tooltip'
+export { default as Tooltip } from './src/tooltip.js'

js/index.umd.js

@@ -5,18 +5,18 @@
  * --------------------------------------------------------------------------
  */
 
-import Alert from './src/alert'
+import Alert from './src/alert.js'
-import Button from './src/button'
+import Button from './src/button.js'
-import Carousel from './src/carousel'
+import Carousel from './src/carousel.js'
-import Collapse from './src/collapse'
+import Collapse from './src/collapse.js'
-import Dropdown from './src/dropdown'
+import Dropdown from './src/dropdown.js'
-import Modal from './src/modal'
+import Modal from './src/modal.js'
-import Offcanvas from './src/offcanvas'
+import Offcanvas from './src/offcanvas.js'
-import Popover from './src/popover'
+import Popover from './src/popover.js'
-import ScrollSpy from './src/scrollspy'
+import ScrollSpy from './src/scrollspy.js'
-import Tab from './src/tab'
+import Tab from './src/tab.js'
-import Toast from './src/toast'
+import Toast from './src/toast.js'
-import Tooltip from './src/tooltip'
+import Tooltip from './src/tooltip.js'
 
 // eslint-disable-next-line import/no-anonymous-default-export
 export default {

js/src/alert.js

@@ -5,10 +5,10 @@
  * --------------------------------------------------------------------------
  */
 
-import { defineJQueryPlugin } from './util/index'
+import { defineJQueryPlugin } from './util/index.js'
-import EventHandler from './dom/event-handler'
+import EventHandler from './dom/event-handler.js'
-import BaseComponent from './base-component'
+import BaseComponent from './base-component.js'
-import { enableDismissTrigger } from './util/component-functions'
+import { enableDismissTrigger } from './util/component-functions.js'
 
 /**
  * Constants

js/src/base-component.js

@@ -5,12 +5,12 @@
  * --------------------------------------------------------------------------
  */
 
-import Data from './dom/data'
+import Data from './dom/data.js'
 import {
   executeAfterTransition,
   getElement
-} from './util/index'
+} from './util/index.js'
-import EventHandler from './dom/event-handler'
+import EventHandler from './dom/event-handler.js'
 
 /**
  * Constants

js/src/button.js

@@ -5,9 +5,9 @@
  * --------------------------------------------------------------------------
  */
 
-import { defineJQueryPlugin } from './util/index'
+import { defineJQueryPlugin } from './util/index.js'
-import EventHandler from './dom/event-handler'
+import EventHandler from './dom/event-handler.js'
-import BaseComponent from './base-component'
+import BaseComponent from './base-component.js'
 
 /**
  * Constants

js/src/carousel.js

@@ -14,12 +14,12 @@ import {
   reflow,
   triggerTransitionEnd,
   typeCheckConfig
-} from './util/index'
+} from './util/index.js'
-import EventHandler from './dom/event-handler'
+import EventHandler from './dom/event-handler.js'
-import Manipulator from './dom/manipulator'
+import Manipulator from './dom/manipulator.js'
-import SelectorEngine from './dom/selector-engine'
+import SelectorEngine from './dom/selector-engine.js'
-import Swipe from './util/swipe'
+import Swipe from './util/swipe.js'
-import BaseComponent from './base-component'
+import BaseComponent from './base-component.js'
 
 /**
  * Constants

js/src/collapse.js

@@ -12,11 +12,11 @@ import {
   getSelectorFromElement,
   reflow,
   typeCheckConfig
-} from './util/index'
+} from './util/index.js'
-import EventHandler from './dom/event-handler'
+import EventHandler from './dom/event-handler.js'
-import Manipulator from './dom/manipulator'
+import Manipulator from './dom/manipulator.js'
-import SelectorEngine from './dom/selector-engine'
+import SelectorEngine from './dom/selector-engine.js'
-import BaseComponent from './base-component'
+import BaseComponent from './base-component.js'
 
 /**
  * Constants

js/src/dom/event-handler.js

@@ -5,7 +5,7 @@
  * --------------------------------------------------------------------------
  */
 
-import { getjQuery } from '../util/index'
+import { getjQuery } from '../util/index.js'
 
 /**
  * Constants

js/src/dom/selector-engine.js

@@ -5,7 +5,7 @@
  * --------------------------------------------------------------------------
  */
 
-import { isDisabled, isVisible } from '../util/index'
+import { isDisabled, isVisible } from '../util/index.js'
 
 /**
  * Constants

js/src/dropdown.js

@@ -17,11 +17,11 @@ import {
   isVisible,
   noop,
   typeCheckConfig
-} from './util/index'
+} from './util/index.js'
-import EventHandler from './dom/event-handler'
+import EventHandler from './dom/event-handler.js'
-import Manipulator from './dom/manipulator'
+import Manipulator from './dom/manipulator.js'
-import SelectorEngine from './dom/selector-engine'
+import SelectorEngine from './dom/selector-engine.js'
-import BaseComponent from './base-component'
+import BaseComponent from './base-component.js'
 
 /**
  * Constants

js/src/modal.js

@@ -12,15 +12,15 @@ import {
   isVisible,
   reflow,
   typeCheckConfig
-} from './util/index'
+} from './util/index.js'
-import EventHandler from './dom/event-handler'
+import EventHandler from './dom/event-handler.js'
-import Manipulator from './dom/manipulator'
+import Manipulator from './dom/manipulator.js'
-import SelectorEngine from './dom/selector-engine'
+import SelectorEngine from './dom/selector-engine.js'
-import ScrollBarHelper from './util/scrollbar'
+import ScrollBarHelper from './util/scrollbar.js'
-import BaseComponent from './base-component'
+import BaseComponent from './base-component.js'
-import Backdrop from './util/backdrop'
+import Backdrop from './util/backdrop.js'
-import FocusTrap from './util/focustrap'
+import FocusTrap from './util/focustrap.js'
-import { enableDismissTrigger } from './util/component-functions'
+import { enableDismissTrigger } from './util/component-functions.js'
 
 /**
  * Constants

js/src/offcanvas.js

@@ -11,15 +11,15 @@ import {
   isDisabled,
   isVisible,
   typeCheckConfig
-} from './util/index'
+} from './util/index.js'
-import ScrollBarHelper from './util/scrollbar'
+import ScrollBarHelper from './util/scrollbar.js'
-import EventHandler from './dom/event-handler'
+import EventHandler from './dom/event-handler.js'
-import BaseComponent from './base-component'
+import BaseComponent from './base-component.js'
-import SelectorEngine from './dom/selector-engine'
+import SelectorEngine from './dom/selector-engine.js'
-import Manipulator from './dom/manipulator'
+import Manipulator from './dom/manipulator.js'
-import Backdrop from './util/backdrop'
+import Backdrop from './util/backdrop.js'
-import FocusTrap from './util/focustrap'
+import FocusTrap from './util/focustrap.js'
-import { enableDismissTrigger } from './util/component-functions'
+import { enableDismissTrigger } from './util/component-functions.js'
 
 /**
  * Constants

js/src/popover.js

@@ -5,8 +5,8 @@
  * --------------------------------------------------------------------------
  */
 
-import { defineJQueryPlugin } from './util/index'
+import { defineJQueryPlugin } from './util/index.js'
-import Tooltip from './tooltip'
+import Tooltip from './tooltip.js'
 
 /**
  * Constants

js/src/scrollspy.js

@@ -10,11 +10,11 @@ import {
   getElement,
   getSelectorFromElement,
   typeCheckConfig
-} from './util/index'
+} from './util/index.js'
-import EventHandler from './dom/event-handler'
+import EventHandler from './dom/event-handler.js'
-import Manipulator from './dom/manipulator'
+import Manipulator from './dom/manipulator.js'
-import SelectorEngine from './dom/selector-engine'
+import SelectorEngine from './dom/selector-engine.js'
-import BaseComponent from './base-component'
+import BaseComponent from './base-component.js'
 
 /**
  * Constants

js/src/tab.js

@@ -10,10 +10,10 @@ import {
   getElementFromSelector,
   isDisabled,
   reflow
-} from './util/index'
+} from './util/index.js'
-import EventHandler from './dom/event-handler'
+import EventHandler from './dom/event-handler.js'
-import SelectorEngine from './dom/selector-engine'
+import SelectorEngine from './dom/selector-engine.js'
-import BaseComponent from './base-component'
+import BaseComponent from './base-component.js'
 
 /**
  * Constants

js/src/toast.js

@@ -9,11 +9,11 @@ import {
   defineJQueryPlugin,
   reflow,
   typeCheckConfig
-} from './util/index'
+} from './util/index.js'
-import EventHandler from './dom/event-handler'
+import EventHandler from './dom/event-handler.js'
-import Manipulator from './dom/manipulator'
+import Manipulator from './dom/manipulator.js'
-import BaseComponent from './base-component'
+import BaseComponent from './base-component.js'
-import { enableDismissTrigger } from './util/component-functions'
+import { enableDismissTrigger } from './util/component-functions.js'
 
 /**
  * Constants

js/src/tooltip.js

@@ -14,13 +14,13 @@ import {
   isRTL,
   noop,
   typeCheckConfig
-} from './util/index'
+} from './util/index.js'
-import { DefaultAllowlist } from './util/sanitizer'
+import { DefaultAllowlist } from './util/sanitizer.js'
-import Data from './dom/data'
+import Data from './dom/data.js'
-import EventHandler from './dom/event-handler'
+import EventHandler from './dom/event-handler.js'
-import Manipulator from './dom/manipulator'
+import Manipulator from './dom/manipulator.js'
-import BaseComponent from './base-component'
+import BaseComponent from './base-component.js'
-import TemplateFactory from './util/template-factory'
+import TemplateFactory from './util/template-factory.js'
 
 /**
  * Constants

js/src/util/backdrop.js

@@ -5,8 +5,8 @@
  * --------------------------------------------------------------------------
  */
 
-import EventHandler from '../dom/event-handler'
+import EventHandler from '../dom/event-handler.js'
-import { execute, executeAfterTransition, getElement, reflow, typeCheckConfig } from './index'
+import { execute, executeAfterTransition, getElement, reflow, typeCheckConfig } from './index.js'
 
 /**
  * Constants

js/src/util/component-functions.js

@@ -5,8 +5,8 @@
  * --------------------------------------------------------------------------
  */
 
-import EventHandler from '../dom/event-handler'
+import EventHandler from '../dom/event-handler.js'
-import { getElementFromSelector, isDisabled } from './index'
+import { getElementFromSelector, isDisabled } from './index.js'
 
 const enableDismissTrigger = (component, method = 'hide') => {
   const clickEvent = `click.dismiss${component.EVENT_KEY}`

js/src/util/focustrap.js

@@ -5,9 +5,9 @@
  * --------------------------------------------------------------------------
  */
 
-import EventHandler from '../dom/event-handler'
+import EventHandler from '../dom/event-handler.js'
-import SelectorEngine from '../dom/selector-engine'
+import SelectorEngine from '../dom/selector-engine.js'
-import { typeCheckConfig } from './index'
+import { typeCheckConfig } from './index.js'
 
 /**
  * Constants

js/src/util/scrollbar.js

@@ -5,9 +5,9 @@
  * --------------------------------------------------------------------------
  */
 
-import SelectorEngine from '../dom/selector-engine'
+import SelectorEngine from '../dom/selector-engine.js'
-import Manipulator from '../dom/manipulator'
+import Manipulator from '../dom/manipulator.js'
-import { isElement } from './index'
+import { isElement } from './index.js'
 
 /**
  * Constants

js/src/util/swipe.js

@@ -5,8 +5,8 @@
  * --------------------------------------------------------------------------
  */
 
-import EventHandler from '../dom/event-handler'
+import EventHandler from '../dom/event-handler.js'
-import { execute, typeCheckConfig } from './index'
+import { execute, typeCheckConfig } from './index.js'
 
 /**
  * Constants

js/src/util/template-factory.js

@@ -5,9 +5,9 @@
  * --------------------------------------------------------------------------
  */
 
-import { getElement, isElement, typeCheckConfig } from '../util/index'
+import { getElement, isElement, typeCheckConfig } from '../util/index.js'
-import SelectorEngine from '../dom/selector-engine'
+import SelectorEngine from '../dom/selector-engine.js'
-import { DefaultAllowlist, sanitizeHtml } from './sanitizer'
+import { DefaultAllowlist, sanitizeHtml } from './sanitizer.js'
 
 /**
  * Constants

js/tests/integration/bundle-modularity.js

@@ -1,5 +1,5 @@
-import Tooltip from '../../dist/tooltip'
+import Tooltip from '../../dist/tooltip.js'
-import '../../dist/carousel' // eslint-disable-line import/no-unassigned-import
+import '../../dist/carousel.js' // eslint-disable-line import/no-unassigned-import
 
 window.addEventListener('load', () => {
   [].concat(...document.querySelectorAll('[data-bs-toggle="tooltip"]'))

js/tests/karma.conf.js

@@ -9,7 +9,7 @@ const { babel } = require('@rollup/plugin-babel')
 const istanbul = require('rollup-plugin-istanbul')
 const { nodeResolve } = require('@rollup/plugin-node-resolve')
 const replace = require('@rollup/plugin-replace')
-const { browsers } = require('./browsers')
+const { browsers } = require('./browsers.js')
 
 const ENV = process.env
 const BROWSERSTACK = Boolean(ENV.BROWSERSTACK)

js/tests/unit/alert.spec.js

@@ -1,6 +1,6 @@
-import Alert from '../../src/alert'
+import Alert from '../../src/alert.js'
-import { getTransitionDurationFromElement } from '../../src/util/index'
+import { getTransitionDurationFromElement } from '../../src/util/index.js'
-import { clearFixture, getFixture, jQueryMock } from '../helpers/fixture'
+import { clearFixture, getFixture, jQueryMock } from '../helpers/fixture.js'
 
 describe('Alert', () => {
   let fixtureEl

js/tests/unit/base-component.spec.js

@@ -1,7 +1,7 @@
-import BaseComponent from '../../src/base-component'
+import BaseComponent from '../../src/base-component.js'
-import { clearFixture, getFixture } from '../helpers/fixture'
+import { clearFixture, getFixture } from '../helpers/fixture.js'
-import EventHandler from '../../src/dom/event-handler'
+import EventHandler from '../../src/dom/event-handler.js'
-import { noop } from '../../src/util'
+import { noop } from '../../src/util/index.js'
 
 class DummyClass extends BaseComponent {
   constructor(element) {

js/tests/unit/button.spec.js

@@ -1,5 +1,5 @@
-import Button from '../../src/button'
+import Button from '../../src/button.js'
-import { getFixture, clearFixture, jQueryMock } from '../helpers/fixture'
+import { getFixture, clearFixture, jQueryMock } from '../helpers/fixture.js'
 
 describe('Button', () => {
   let fixtureEl

js/tests/unit/carousel.spec.js

@@ -1,8 +1,8 @@
-import Carousel from '../../src/carousel'
+import Carousel from '../../src/carousel.js'
-import EventHandler from '../../src/dom/event-handler'
+import EventHandler from '../../src/dom/event-handler.js'
-import { clearFixture, createEvent, getFixture, jQueryMock } from '../helpers/fixture'
+import { clearFixture, createEvent, getFixture, jQueryMock } from '../helpers/fixture.js'
-import { isRTL, noop } from '../../src/util/index'
+import { isRTL, noop } from '../../src/util/index.js'
-import Swipe from '../../src/util/swipe'
+import Swipe from '../../src/util/swipe.js'
 
 describe('Carousel', () => {
   const { Simulator, PointerEvent } = window

js/tests/unit/collapse.spec.js

@@ -1,6 +1,6 @@
-import Collapse from '../../src/collapse'
+import Collapse from '../../src/collapse.js'
-import EventHandler from '../../src/dom/event-handler'
+import EventHandler from '../../src/dom/event-handler.js'
-import { clearFixture, getFixture, jQueryMock } from '../helpers/fixture'
+import { clearFixture, getFixture, jQueryMock } from '../helpers/fixture.js'
 
 describe('Collapse', () => {
   let fixtureEl

js/tests/unit/dom/data.spec.js

@@ -1,5 +1,5 @@
-import Data from '../../../src/dom/data'
+import Data from '../../../src/dom/data.js'
-import { getFixture, clearFixture } from '../../helpers/fixture'
+import { getFixture, clearFixture } from '../../helpers/fixture.js'
 
 describe('Data', () => {
   const TEST_KEY = 'bs.test'

js/tests/unit/dom/event-handler.spec.js

@@ -1,5 +1,5 @@
-import EventHandler from '../../../src/dom/event-handler'
+import EventHandler from '../../../src/dom/event-handler.js'
-import { getFixture, clearFixture } from '../../helpers/fixture'
+import { getFixture, clearFixture } from '../../helpers/fixture.js'
 
 describe('EventHandler', () => {
   let fixtureEl

js/tests/unit/dom/manipulator.spec.js

@@ -1,5 +1,5 @@
-import Manipulator from '../../../src/dom/manipulator'
+import Manipulator from '../../../src/dom/manipulator.js'
-import { getFixture, clearFixture } from '../../helpers/fixture'
+import { getFixture, clearFixture } from '../../helpers/fixture.js'
 
 describe('Manipulator', () => {
   let fixtureEl

js/tests/unit/dom/selector-engine.spec.js

@@ -1,5 +1,5 @@
-import SelectorEngine from '../../../src/dom/selector-engine'
+import SelectorEngine from '../../../src/dom/selector-engine.js'
-import { getFixture, clearFixture } from '../../helpers/fixture'
+import { getFixture, clearFixture } from '../../helpers/fixture.js'
 
 describe('SelectorEngine', () => {
   let fixtureEl

js/tests/unit/dropdown.spec.js

@@ -1,7 +1,7 @@
-import Dropdown from '../../src/dropdown'
+import Dropdown from '../../src/dropdown.js'
-import EventHandler from '../../src/dom/event-handler'
+import EventHandler from '../../src/dom/event-handler.js'
-import { noop } from '../../src/util/index'
+import { noop } from '../../src/util/index.js'
-import { clearFixture, createEvent, getFixture, jQueryMock } from '../helpers/fixture'
+import { clearFixture, createEvent, getFixture, jQueryMock } from '../helpers/fixture.js'
 
 describe('Dropdown', () => {
   let fixtureEl

js/tests/unit/jquery.spec.js

@@ -1,18 +1,18 @@
 /* eslint-env jquery */
 
-import Alert from '../../src/alert'
+import Alert from '../../src/alert.js'
-import Button from '../../src/button'
+import Button from '../../src/button.js'
-import Carousel from '../../src/carousel'
+import Carousel from '../../src/carousel.js'
-import Collapse from '../../src/collapse'
+import Collapse from '../../src/collapse.js'
-import Dropdown from '../../src/dropdown'
+import Dropdown from '../../src/dropdown.js'
-import Modal from '../../src/modal'
+import Modal from '../../src/modal.js'
-import Offcanvas from '../../src/offcanvas'
+import Offcanvas from '../../src/offcanvas.js'
-import Popover from '../../src/popover'
+import Popover from '../../src/popover.js'
-import ScrollSpy from '../../src/scrollspy'
+import ScrollSpy from '../../src/scrollspy.js'
-import Tab from '../../src/tab'
+import Tab from '../../src/tab.js'
-import Toast from '../../src/toast'
+import Toast from '../../src/toast.js'
-import Tooltip from '../../src/tooltip'
+import Tooltip from '../../src/tooltip.js'
-import { getFixture, clearFixture } from '../helpers/fixture'
+import { getFixture, clearFixture } from '../helpers/fixture.js'
 
 describe('jQuery', () => {
   let fixtureEl

js/tests/unit/modal.spec.js

@@ -1,7 +1,7 @@
-import Modal from '../../src/modal'
+import Modal from '../../src/modal.js'
-import EventHandler from '../../src/dom/event-handler'
+import EventHandler from '../../src/dom/event-handler.js'
-import ScrollBarHelper from '../../src/util/scrollbar'
+import ScrollBarHelper from '../../src/util/scrollbar.js'
-import { clearBodyAndDocument, clearFixture, createEvent, getFixture, jQueryMock } from '../helpers/fixture'
+import { clearBodyAndDocument, clearFixture, createEvent, getFixture, jQueryMock } from '../helpers/fixture.js'
 
 describe('Modal', () => {
   let fixtureEl

js/tests/unit/offcanvas.spec.js

@@ -1,8 +1,8 @@
-import Offcanvas from '../../src/offcanvas'
+import Offcanvas from '../../src/offcanvas.js'
-import EventHandler from '../../src/dom/event-handler'
+import EventHandler from '../../src/dom/event-handler.js'
-import { clearBodyAndDocument, clearFixture, createEvent, getFixture, jQueryMock } from '../helpers/fixture'
+import { clearBodyAndDocument, clearFixture, createEvent, getFixture, jQueryMock } from '../helpers/fixture.js'
-import { isVisible } from '../../src/util/index'
+import { isVisible } from '../../src/util/index.js'
-import ScrollBarHelper from '../../src/util/scrollbar'
+import ScrollBarHelper from '../../src/util/scrollbar.js'
 
 describe('Offcanvas', () => {
   let fixtureEl

js/tests/unit/popover.spec.js

@@ -1,5 +1,5 @@
-import Popover from '../../src/popover'
+import Popover from '../../src/popover.js'
-import { clearFixture, getFixture, jQueryMock } from '../helpers/fixture'
+import { clearFixture, getFixture, jQueryMock } from '../helpers/fixture.js'
 
 describe('Popover', () => {
   let fixtureEl

js/tests/unit/scrollspy.spec.js

@@ -1,6 +1,6 @@
-import ScrollSpy from '../../src/scrollspy'
+import ScrollSpy from '../../src/scrollspy.js'
-import Manipulator from '../../src/dom/manipulator'
+import Manipulator from '../../src/dom/manipulator.js'
-import { getFixture, clearFixture, createEvent, jQueryMock } from '../helpers/fixture'
+import { getFixture, clearFixture, createEvent, jQueryMock } from '../helpers/fixture.js'
 
 describe('ScrollSpy', () => {
   let fixtureEl

js/tests/unit/tab.spec.js

@@ -1,5 +1,5 @@
-import Tab from '../../src/tab'
+import Tab from '../../src/tab.js'
-import { getFixture, clearFixture, jQueryMock } from '../helpers/fixture'
+import { getFixture, clearFixture, jQueryMock } from '../helpers/fixture.js'
 
 describe('Tab', () => {
   let fixtureEl

js/tests/unit/toast.spec.js

@@ -1,5 +1,5 @@
-import Toast from '../../src/toast'
+import Toast from '../../src/toast.js'
-import { getFixture, clearFixture, createEvent, jQueryMock } from '../helpers/fixture'
+import { getFixture, clearFixture, createEvent, jQueryMock } from '../helpers/fixture.js'
 
 describe('Toast', () => {
   let fixtureEl

js/tests/unit/tooltip.spec.js

@@ -1,7 +1,7 @@
-import Tooltip from '../../src/tooltip'
+import Tooltip from '../../src/tooltip.js'
-import EventHandler from '../../src/dom/event-handler'
+import EventHandler from '../../src/dom/event-handler.js'
-import { noop } from '../../src/util/index'
+import { noop } from '../../src/util/index.js'
-import { clearFixture, createEvent, getFixture, jQueryMock } from '../helpers/fixture'
+import { clearFixture, createEvent, getFixture, jQueryMock } from '../helpers/fixture.js'
 
 describe('Tooltip', () => {
   let fixtureEl

js/tests/unit/util/backdrop.spec.js

@@ -1,6 +1,6 @@
-import Backdrop from '../../../src/util/backdrop'
+import Backdrop from '../../../src/util/backdrop.js'
-import { getTransitionDurationFromElement } from '../../../src/util/index'
+import { getTransitionDurationFromElement } from '../../../src/util/index.js'
-import { clearFixture, getFixture } from '../../helpers/fixture'
+import { clearFixture, getFixture } from '../../helpers/fixture.js'
 
 const CLASS_BACKDROP = '.modal-backdrop'
 const CLASS_NAME_FADE = 'fade'

js/tests/unit/util/component-functions.spec.js

@@ -1,8 +1,8 @@
 /* Test helpers */
 
-import { clearFixture, createEvent, getFixture } from '../../helpers/fixture'
+import { clearFixture, createEvent, getFixture } from '../../helpers/fixture.js'
-import { enableDismissTrigger } from '../../../src/util/component-functions'
+import { enableDismissTrigger } from '../../../src/util/component-functions.js'
-import BaseComponent from '../../../src/base-component'
+import BaseComponent from '../../../src/base-component.js'
 
 class DummyClass2 extends BaseComponent {
   static get NAME() {

js/tests/unit/util/focustrap.spec.js

@@ -1,7 +1,7 @@
-import FocusTrap from '../../../src/util/focustrap'
+import FocusTrap from '../../../src/util/focustrap.js'
-import EventHandler from '../../../src/dom/event-handler'
+import EventHandler from '../../../src/dom/event-handler.js'
-import SelectorEngine from '../../../src/dom/selector-engine'
+import SelectorEngine from '../../../src/dom/selector-engine.js'
-import { clearFixture, getFixture, createEvent } from '../../helpers/fixture'
+import { clearFixture, getFixture, createEvent } from '../../helpers/fixture.js'
 
 describe('FocusTrap', () => {
   let fixtureEl

js/tests/unit/util/index.spec.js

@@ -1,5 +1,5 @@
-import * as Util from '../../../src/util/index'
+import * as Util from '../../../src/util/index.js'
-import { clearFixture, getFixture } from '../../helpers/fixture'
+import { clearFixture, getFixture } from '../../helpers/fixture.js'
 
 describe('Util', () => {
   let fixtureEl

js/tests/unit/util/sanitizer.spec.js

@@ -1,4 +1,4 @@
-import { DefaultAllowlist, sanitizeHtml } from '../../../src/util/sanitizer'
+import { DefaultAllowlist, sanitizeHtml } from '../../../src/util/sanitizer.js'
 
 describe('Sanitizer', () => {
   describe('sanitizeHtml', () => {

js/tests/unit/util/scrollbar.spec.js

@@ -1,6 +1,6 @@
-import { clearBodyAndDocument, clearFixture, getFixture } from '../../helpers/fixture'
+import { clearBodyAndDocument, clearFixture, getFixture } from '../../helpers/fixture.js'
-import Manipulator from '../../../src/dom/manipulator'
+import Manipulator from '../../../src/dom/manipulator.js'
-import ScrollBarHelper from '../../../src/util/scrollbar'
+import ScrollBarHelper from '../../../src/util/scrollbar.js'
 
 describe('ScrollBar', () => {
   let fixtureEl

js/tests/unit/util/swipe.spec.js

@@ -1,7 +1,7 @@
-import { clearFixture, getFixture } from '../../helpers/fixture'
+import { clearFixture, getFixture } from '../../helpers/fixture.js'
-import EventHandler from '../../../src/dom/event-handler'
+import EventHandler from '../../../src/dom/event-handler.js'
-import Swipe from '../../../src/util/swipe'
+import Swipe from '../../../src/util/swipe.js'
-import { noop } from '../../../src/util'
+import { noop } from '../../../src/util/index.js'
 
 describe('Swipe', () => {
   const { Simulator, PointerEvent } = window

js/tests/unit/util/template-factory.spec.js

@@ -1,5 +1,5 @@
-import { clearFixture, getFixture } from '../../helpers/fixture'
+import { clearFixture, getFixture } from '../../helpers/fixture.js'
-import TemplateFactory from '../../../src/util/template-factory'
+import TemplateFactory from '../../../src/util/template-factory.js'
 
 describe('TemplateFactory', () => {
   let fixtureEl

package.json

@@ -191,7 +191,6 @@
         "error",
         "never"
       ],
-      "import/extensions": "off",
       "max-params": [
         "warn",
         5
@@ -204,7 +203,6 @@
       ],
       "no-console": "error",
       "no-negated-condition": "off",
-      "node/file-extension-in-import": "off",
       "object-curly-spacing": [
         "error",
         "always"