Bug Fix: The latest webpack5 requires the environment config for es5 builds(#198).

build/complete/config-min.js

@@ -5,6 +5,7 @@ module.exports = {
 	...config,
 	output      : {
 		filename: 'splide.min.js',
+		environment: config.output.environment,
 	},
 	optimization: {
 		minimize : true,

build/complete/config.js

@@ -4,6 +4,15 @@ module.exports = {
 	entry: './build/complete/complete.js',
 	output: {
 		filename: 'splide.js',
+		environment: {
+			arrowFunction: false,
+			bigIntLiteral: false,
+			const        : false,
+			destructuring: false,
+			dynamicImport: false,
+			forOf        : false,
+			module       : false,
+		},
 	},
 	module: {
 		rules: [

dist/js/splide.esm.js

@@ -40,7 +40,7 @@ __webpack_require__.d(states_namespaceObject, {
   "MOVING": () => MOVING
 });
 
-// CONCATENATED MODULE: ./src/js/core/event.js
+;// CONCATENATED MODULE: ./src/js/core/event.js
 /**
  * The function for providing an Event object simply managing events.
  *
@@ -155,7 +155,7 @@ __webpack_require__.d(states_namespaceObject, {
 
   return Event;
 });
-// CONCATENATED MODULE: ./src/js/core/state.js
+;// CONCATENATED MODULE: ./src/js/core/state.js
 /**
  * The function providing a super simple state system.
  *
@@ -197,7 +197,7 @@ __webpack_require__.d(states_namespaceObject, {
     }
   };
 });
-// CONCATENATED MODULE: ./src/js/utils/object.js
+;// CONCATENATED MODULE: ./src/js/utils/object.js
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 /**
@@ -287,14 +287,14 @@ function object_assign(to, from) {
   });
   return to;
 }
-// CONCATENATED MODULE: ./src/js/utils/utils.js
+;// CONCATENATED MODULE: ./src/js/utils/utils.js
 /**
  * A package of some miscellaneous utility functions.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 /**
  * Convert the given value to array.
  *
@@ -387,14 +387,14 @@ function toPixel(root, value) {
 
   return +value || 0;
 }
-// CONCATENATED MODULE: ./src/js/utils/dom.js
+;// CONCATENATED MODULE: ./src/js/utils/dom.js
 /**
  * Some utility functions related with DOM.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 /**
  * Find the first element matching the given selector.
@@ -649,7 +649,7 @@ function loaded(elm, callback) {
     callback();
   }
 }
-// CONCATENATED MODULE: ./src/js/constants/types.js
+;// CONCATENATED MODULE: ./src/js/constants/types.js
 /**
  * Export slider types.
  *
@@ -677,14 +677,14 @@ var LOOP = 'loop';
  */
 
 var FADE = 'fade';
-// CONCATENATED MODULE: ./src/js/transitions/slide/index.js
+;// CONCATENATED MODULE: ./src/js/transitions/slide/index.js
 /**
  * The component for general slide effect transition.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 /**
  * The component for general slide effect transition.
@@ -750,14 +750,14 @@ var FADE = 'fade';
     }
   };
 });
-// CONCATENATED MODULE: ./src/js/transitions/fade/index.js
+;// CONCATENATED MODULE: ./src/js/transitions/fade/index.js
 /**
  * The component for fade transition.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 /**
  * The component for fade transition.
@@ -816,7 +816,7 @@ var FADE = 'fade';
 
   return Fade;
 });
-// CONCATENATED MODULE: ./src/js/transitions/index.js
+;// CONCATENATED MODULE: ./src/js/transitions/index.js
 /**
  * Export transition components.
  *
@@ -825,14 +825,14 @@ var FADE = 'fade';
  */
 
 
-// CONCATENATED MODULE: ./src/js/core/composer.js
+;// CONCATENATED MODULE: ./src/js/core/composer.js
 /**
  * Provide a function for composing components.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 
 /**
@@ -858,7 +858,7 @@ function compose(Splide, Components, Transition) {
   components.Transition = Transition(Splide, components);
   return components;
 }
-// CONCATENATED MODULE: ./src/js/utils/error.js
+;// CONCATENATED MODULE: ./src/js/utils/error.js
 /**
  * Utility functions for outputting logs.
  *
@@ -895,7 +895,7 @@ function exist(subject, message) {
     throw new Error(message);
   }
 }
-// CONCATENATED MODULE: ./src/js/constants/classes.js
+;// CONCATENATED MODULE: ./src/js/constants/classes.js
 /**
  * Export class names.
  *
@@ -949,7 +949,7 @@ var STATUS_CLASSES = {
   visible: 'is-visible',
   loading: 'is-loading'
 };
-// CONCATENATED MODULE: ./src/js/constants/i18n.js
+;// CONCATENATED MODULE: ./src/js/constants/i18n.js
 /**
  * Export i18n texts as object.
  *
@@ -972,14 +972,14 @@ var I18N = {
   play: 'Start autoplay',
   pause: 'Pause autoplay'
 };
-// CONCATENATED MODULE: ./src/js/constants/defaults.js
+;// CONCATENATED MODULE: ./src/js/constants/defaults.js
 /**
  * Export default options.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 var DEFAULTS = {
   /**
@@ -1384,7 +1384,7 @@ var DEFAULTS = {
    */
   i18n: I18N
 };
-// CONCATENATED MODULE: ./src/js/constants/states.js
+;// CONCATENATED MODULE: ./src/js/constants/states.js
 /**
  * Export state constants.
  *
@@ -1426,7 +1426,7 @@ var MOVING = 4;
  */
 
 var DESTROYED = 5;
-// CONCATENATED MODULE: ./src/js/splide.js
+;// CONCATENATED MODULE: ./src/js/splide.js
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
@@ -1812,14 +1812,14 @@ var Splide = /*#__PURE__*/function () {
 }();
 
 
-// CONCATENATED MODULE: ./src/js/components/options/index.js
+;// CONCATENATED MODULE: ./src/js/components/options/index.js
 /**
  * The component for initializing options.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 
 /**
@@ -1858,7 +1858,7 @@ var Splide = /*#__PURE__*/function () {
     }
   };
 });
-// CONCATENATED MODULE: ./src/js/constants/directions.js
+;// CONCATENATED MODULE: ./src/js/constants/directions.js
 /**
  * Export layout modes.
  *
@@ -1886,14 +1886,14 @@ var RTL = 'rtl';
  */
 
 var TTB = 'ttb';
-// CONCATENATED MODULE: ./src/js/components/elements/slide.js
+;// CONCATENATED MODULE: ./src/js/components/elements/slide.js
 /**
  * The sub component for handling each slide.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 
 
@@ -2112,14 +2112,14 @@ var STYLE_RESTORE_EVENTS = 'update.slide';
 
   return Slide;
 });
-// CONCATENATED MODULE: ./src/js/components/elements/index.js
+;// CONCATENATED MODULE: ./src/js/components/elements/index.js
 /**
  * The component for main elements.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 
 
@@ -2394,14 +2394,14 @@ var UID_NAME = 'uid';
 
   return Elements;
 });
-// CONCATENATED MODULE: ./src/js/components/controller/index.js
+;// CONCATENATED MODULE: ./src/js/components/controller/index.js
 /**
  * The component for controlling the track.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 
 var floor = Math.floor;
@@ -2705,14 +2705,14 @@ var floor = Math.floor;
 
   return Controller;
 });
-// CONCATENATED MODULE: ./src/js/components/track/index.js
+;// CONCATENATED MODULE: ./src/js/components/track/index.js
 /**
  * The component for moving list in the track.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 
 
@@ -3042,14 +3042,14 @@ var abs = Math.abs;
 
   return Track;
 });
-// CONCATENATED MODULE: ./src/js/components/clones/index.js
+;// CONCATENATED MODULE: ./src/js/components/clones/index.js
 /**
  * The component for cloning some slides for "loop" mode of the track.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 
 
@@ -3231,14 +3231,14 @@ var abs = Math.abs;
 
   return Clones;
 });
-// CONCATENATED MODULE: ./src/js/components/layout/directions/horizontal.js
+;// CONCATENATED MODULE: ./src/js/components/layout/directions/horizontal.js
 /**
  * The resolver component for horizontal layout.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 
 /**
@@ -3390,14 +3390,14 @@ var abs = Math.abs;
 
   };
 });
-// CONCATENATED MODULE: ./src/js/components/layout/directions/vertical.js
+;// CONCATENATED MODULE: ./src/js/components/layout/directions/vertical.js
 /**
  * The resolver component for vertical layout.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 
 /**
@@ -3542,7 +3542,7 @@ var abs = Math.abs;
 
   };
 });
-// CONCATENATED MODULE: ./src/js/utils/time.js
+;// CONCATENATED MODULE: ./src/js/utils/time.js
 /**
  * A package of utility functions related with time.
  *
@@ -3634,14 +3634,14 @@ function createInterval(callback, interval, progress) {
     }
   };
 }
-// CONCATENATED MODULE: ./src/js/components/layout/index.js
+;// CONCATENATED MODULE: ./src/js/components/layout/index.js
 /**
  * The component for handing slide layouts and their sizes.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 
 
@@ -3757,14 +3757,14 @@ function createInterval(callback, interval, progress) {
 
   return Layout;
 });
-// CONCATENATED MODULE: ./src/js/components/drag/index.js
+;// CONCATENATED MODULE: ./src/js/components/drag/index.js
 /**
  * The component for supporting mouse drag and swipe.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 
 
@@ -4101,7 +4101,7 @@ var FRICTION_REDUCER = 7;
 
   return Drag;
 });
-// CONCATENATED MODULE: ./src/js/components/click/index.js
+;// CONCATENATED MODULE: ./src/js/components/click/index.js
 /**
  * The component for handling a click event.
  *
@@ -4171,14 +4171,14 @@ var FRICTION_REDUCER = 7;
 
   return Click;
 });
-// CONCATENATED MODULE: ./src/js/components/autoplay/index.js
+;// CONCATENATED MODULE: ./src/js/components/autoplay/index.js
 /**
  * The component for playing slides automatically.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 /**
  * Set of pause flags.
@@ -4358,14 +4358,14 @@ var PAUSE_FLAGS = {
 
   return Autoplay;
 });
-// CONCATENATED MODULE: ./src/js/components/cover/index.js
+;// CONCATENATED MODULE: ./src/js/components/cover/index.js
 /**
  * The component for change an img element to background image of its wrapper.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 /**
  * The component for change an img element to background image of its wrapper.
  *
@@ -4449,7 +4449,7 @@ var PAUSE_FLAGS = {
 
   return Cover;
 });
-// CONCATENATED MODULE: ./src/js/components/arrows/path.js
+;// CONCATENATED MODULE: ./src/js/components/arrows/path.js
 /**
  * Export vector path for an arrow.
  *
@@ -4477,14 +4477,14 @@ var PATH = 'm15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4
  */
 
 var SIZE = 40;
-// CONCATENATED MODULE: ./src/js/components/arrows/index.js
+;// CONCATENATED MODULE: ./src/js/components/arrows/index.js
 /**
  * The component for appending prev/next arrows.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 
 /**
@@ -4652,14 +4652,14 @@ var SIZE = 40;
 
   return Arrows;
 });
-// CONCATENATED MODULE: ./src/js/components/pagination/index.js
+;// CONCATENATED MODULE: ./src/js/components/pagination/index.js
 /**
  * The component for handling pagination
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 /**
  * The event name for updating some attributes of pagination nodes.
@@ -4845,14 +4845,14 @@ var UPDATE_EVENT = 'updated.page refresh.page';
 
   return Pagination;
 });
-// CONCATENATED MODULE: ./src/js/components/lazyload/index.js
+;// CONCATENATED MODULE: ./src/js/components/lazyload/index.js
 /**
  * The component for loading slider images lazily.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 
 /**
@@ -5056,7 +5056,7 @@ var SRCSET_DATA_NAME = 'data-splide-lazy-srcset';
 
   return Lazyload;
 });
-// CONCATENATED MODULE: ./src/js/constants/a11y.js
+;// CONCATENATED MODULE: ./src/js/constants/a11y.js
 /**
  * Export aria attribute names.
  *
@@ -5105,14 +5105,14 @@ var ARIA_HIDDEN = 'aria-hidden';
  */
 
 var TAB_INDEX = 'tabindex';
-// CONCATENATED MODULE: ./src/js/components/keyboard/index.js
+;// CONCATENATED MODULE: ./src/js/components/keyboard/index.js
 /**
  * The component for controlling slides via keyboard.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 /**
  * Map a key to a slide control.
@@ -5192,14 +5192,14 @@ var KEY_MAP = {
     }
   };
 });
-// CONCATENATED MODULE: ./src/js/components/a11y/index.js
+;// CONCATENATED MODULE: ./src/js/components/a11y/index.js
 /**
  * The component for enhancing accessibility.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 
 /**
@@ -5445,14 +5445,14 @@ var KEY_MAP = {
 
   return A11y;
 });
-// CONCATENATED MODULE: ./src/js/components/sync/index.js
+;// CONCATENATED MODULE: ./src/js/components/sync/index.js
 /**
  * The component for synchronizing a slider with another.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 /**
  * The event name for sync.
@@ -5610,14 +5610,14 @@ var TRIGGER_KEYS = [' ', 'Enter', 'Spacebar'];
 
   return Sync;
 });
-// CONCATENATED MODULE: ./src/js/components/breakpoints/index.js
+;// CONCATENATED MODULE: ./src/js/components/breakpoints/index.js
 /**
  * The component for updating options according to a current window width.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 /**
  * Interval time for throttle.
@@ -5760,14 +5760,14 @@ var THROTTLE = 50;
 
   return Breakpoints;
 });
-// CONCATENATED MODULE: ./src/js/components/index.js
+;// CONCATENATED MODULE: ./src/js/components/index.js
 /**
  * Export components.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 
 
@@ -5816,7 +5816,7 @@ var LIGHT = {
   Pagination: pagination,
   A11y: a11y
 };
-// CONCATENATED MODULE: ./build/module/module.js
+;// CONCATENATED MODULE: ./build/module/module.js
 function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
 
 /**

dist/js/splide.js

@@ -4,39 +4,39 @@
  * License  : MIT
  * Copyright: 2020 Naotoshi Fujita
  */
-/******/ (() => { // webpackBootstrap
+/******/ (function() { // webpackBootstrap
 /******/ 	"use strict";
 /******/ 	// The require scope
 /******/ 	var __webpack_require__ = {};
 /******/ 	
 /************************************************************************/
 /******/ 	/* webpack/runtime/define property getters */
-/******/ 	(() => {
+/******/ 	!function() {
 /******/ 		// define getter functions for harmony exports
-/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 		__webpack_require__.d = function(exports, definition) {
 /******/ 			for(var key in definition) {
 /******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
 /******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
 /******/ 				}
 /******/ 			}
 /******/ 		};
-/******/ 	})();
+/******/ 	}();
 /******/ 	
 /******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	(() => {
-/******/ 		__webpack_require__.o = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop)
-/******/ 	})();
+/******/ 	!function() {
+/******/ 		__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
+/******/ 	}();
 /******/ 	
 /******/ 	/* webpack/runtime/make namespace object */
-/******/ 	(() => {
+/******/ 	!function() {
 /******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = (exports) => {
+/******/ 		__webpack_require__.r = function(exports) {
 /******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
 /******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 /******/ 			}
 /******/ 			Object.defineProperty(exports, '__esModule', { value: true });
 /******/ 		};
-/******/ 	})();
+/******/ 	}();
 /******/ 	
 /************************************************************************/
 
@@ -46,14 +46,14 @@
 var states_namespaceObject = {};
 __webpack_require__.r(states_namespaceObject);
 __webpack_require__.d(states_namespaceObject, {
-  "CREATED": () => CREATED,
-  "DESTROYED": () => DESTROYED,
-  "IDLE": () => IDLE,
-  "MOUNTED": () => MOUNTED,
-  "MOVING": () => MOVING
+  "CREATED": function() { return CREATED; },
+  "DESTROYED": function() { return DESTROYED; },
+  "IDLE": function() { return IDLE; },
+  "MOUNTED": function() { return MOUNTED; },
+  "MOVING": function() { return MOVING; }
 });
 
-// CONCATENATED MODULE: ./src/js/core/event.js
+;// CONCATENATED MODULE: ./src/js/core/event.js
 /**
  * The function for providing an Event object simply managing events.
  *
@@ -64,7 +64,7 @@ __webpack_require__.d(states_namespaceObject, {
 /**
  * The function for providing an Event object simply managing events.
  */
-/* harmony default export */ const core_event = (function () {
+/* harmony default export */ var core_event = (function () {
   /**
    * Store all event data.
    *
@@ -168,7 +168,7 @@ __webpack_require__.d(states_namespaceObject, {
 
   return Event;
 });
-// CONCATENATED MODULE: ./src/js/core/state.js
+;// CONCATENATED MODULE: ./src/js/core/state.js
 /**
  * The function providing a super simple state system.
  *
@@ -181,7 +181,7 @@ __webpack_require__.d(states_namespaceObject, {
  *
  * @param {string|number} initialState - Provide the initial state value.
  */
-/* harmony default export */ const state = (function (initialState) {
+/* harmony default export */ var state = (function (initialState) {
   /**
    * Store the current state.
    *
@@ -210,7 +210,7 @@ __webpack_require__.d(states_namespaceObject, {
     }
   };
 });
-// CONCATENATED MODULE: ./src/js/utils/object.js
+;// CONCATENATED MODULE: ./src/js/utils/object.js
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 /**
@@ -300,14 +300,14 @@ function object_assign(to, from) {
   });
   return to;
 }
-// CONCATENATED MODULE: ./src/js/utils/utils.js
+;// CONCATENATED MODULE: ./src/js/utils/utils.js
 /**
  * A package of some miscellaneous utility functions.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 /**
  * Convert the given value to array.
  *
@@ -400,14 +400,14 @@ function toPixel(root, value) {
 
   return +value || 0;
 }
-// CONCATENATED MODULE: ./src/js/utils/dom.js
+;// CONCATENATED MODULE: ./src/js/utils/dom.js
 /**
  * Some utility functions related with DOM.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 /**
  * Find the first element matching the given selector.
@@ -662,7 +662,7 @@ function loaded(elm, callback) {
     callback();
   }
 }
-// CONCATENATED MODULE: ./src/js/constants/types.js
+;// CONCATENATED MODULE: ./src/js/constants/types.js
 /**
  * Export slider types.
  *
@@ -690,14 +690,14 @@ var LOOP = 'loop';
  */
 
 var FADE = 'fade';
-// CONCATENATED MODULE: ./src/js/transitions/slide/index.js
+;// CONCATENATED MODULE: ./src/js/transitions/slide/index.js
 /**
  * The component for general slide effect transition.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 /**
  * The component for general slide effect transition.
@@ -708,7 +708,7 @@ var FADE = 'fade';
  * @return {Object} - The component object.
  */
 
-/* harmony default export */ const slide = (function (Splide, Components) {
+/* harmony default export */ var slide = (function (Splide, Components) {
   /**
    * Hold the list element.
    *
@@ -763,14 +763,14 @@ var FADE = 'fade';
     }
   };
 });
-// CONCATENATED MODULE: ./src/js/transitions/fade/index.js
+;// CONCATENATED MODULE: ./src/js/transitions/fade/index.js
 /**
  * The component for fade transition.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 /**
  * The component for fade transition.
@@ -781,7 +781,7 @@ var FADE = 'fade';
  * @return {Object} - The component object.
  */
 
-/* harmony default export */ const fade = (function (Splide, Components) {
+/* harmony default export */ var fade = (function (Splide, Components) {
   var Fade = {
     /**
      * Called when the component is mounted.
@@ -829,7 +829,7 @@ var FADE = 'fade';
 
   return Fade;
 });
-// CONCATENATED MODULE: ./src/js/transitions/index.js
+;// CONCATENATED MODULE: ./src/js/transitions/index.js
 /**
  * Export transition components.
  *
@@ -838,14 +838,14 @@ var FADE = 'fade';
  */
 
 
-// CONCATENATED MODULE: ./src/js/core/composer.js
+;// CONCATENATED MODULE: ./src/js/core/composer.js
 /**
  * Provide a function for composing components.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 
 /**
@@ -871,7 +871,7 @@ function compose(Splide, Components, Transition) {
   components.Transition = Transition(Splide, components);
   return components;
 }
-// CONCATENATED MODULE: ./src/js/utils/error.js
+;// CONCATENATED MODULE: ./src/js/utils/error.js
 /**
  * Utility functions for outputting logs.
  *
@@ -908,7 +908,7 @@ function exist(subject, message) {
     throw new Error(message);
   }
 }
-// CONCATENATED MODULE: ./src/js/constants/classes.js
+;// CONCATENATED MODULE: ./src/js/constants/classes.js
 /**
  * Export class names.
  *
@@ -962,7 +962,7 @@ var STATUS_CLASSES = {
   visible: 'is-visible',
   loading: 'is-loading'
 };
-// CONCATENATED MODULE: ./src/js/constants/i18n.js
+;// CONCATENATED MODULE: ./src/js/constants/i18n.js
 /**
  * Export i18n texts as object.
  *
@@ -985,14 +985,14 @@ var I18N = {
   play: 'Start autoplay',
   pause: 'Pause autoplay'
 };
-// CONCATENATED MODULE: ./src/js/constants/defaults.js
+;// CONCATENATED MODULE: ./src/js/constants/defaults.js
 /**
  * Export default options.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 var DEFAULTS = {
   /**
@@ -1397,7 +1397,7 @@ var DEFAULTS = {
    */
   i18n: I18N
 };
-// CONCATENATED MODULE: ./src/js/constants/states.js
+;// CONCATENATED MODULE: ./src/js/constants/states.js
 /**
  * Export state constants.
  *
@@ -1439,7 +1439,7 @@ var MOVING = 4;
  */
 
 var DESTROYED = 5;
-// CONCATENATED MODULE: ./src/js/splide.js
+;// CONCATENATED MODULE: ./src/js/splide.js
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
@@ -1825,14 +1825,14 @@ var Splide = /*#__PURE__*/function () {
 }();
 
 
-// CONCATENATED MODULE: ./src/js/components/options/index.js
+;// CONCATENATED MODULE: ./src/js/components/options/index.js
 /**
  * The component for initializing options.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 
 /**
@@ -1843,7 +1843,7 @@ var Splide = /*#__PURE__*/function () {
  * @return {Object} - The component object.
  */
 
-/* harmony default export */ const options = (function (Splide) {
+/* harmony default export */ var options = (function (Splide) {
   /**
    * Retrieve options from the data attribute.
    * Note that IE10 doesn't support dataset property.
@@ -1871,7 +1871,7 @@ var Splide = /*#__PURE__*/function () {
     }
   };
 });
-// CONCATENATED MODULE: ./src/js/constants/directions.js
+;// CONCATENATED MODULE: ./src/js/constants/directions.js
 /**
  * Export layout modes.
  *
@@ -1899,14 +1899,14 @@ var RTL = 'rtl';
  */
 
 var TTB = 'ttb';
-// CONCATENATED MODULE: ./src/js/components/elements/slide.js
+;// CONCATENATED MODULE: ./src/js/components/elements/slide.js
 /**
  * The sub component for handling each slide.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 
 
@@ -1930,7 +1930,7 @@ var STYLE_RESTORE_EVENTS = 'update.slide';
  * @return {Object} - The sub component object.
  */
 
-/* harmony default export */ const elements_slide = (function (Splide, index, realIndex, slide) {
+/* harmony default export */ var elements_slide = (function (Splide, index, realIndex, slide) {
   /**
    * Whether to update "is-active" class before or after transition.
    *
@@ -2125,14 +2125,14 @@ var STYLE_RESTORE_EVENTS = 'update.slide';
 
   return Slide;
 });
-// CONCATENATED MODULE: ./src/js/components/elements/index.js
+;// CONCATENATED MODULE: ./src/js/components/elements/index.js
 /**
  * The component for main elements.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 
 
@@ -2153,7 +2153,7 @@ var UID_NAME = 'uid';
  * @return {Object} - The component object.
  */
 
-/* harmony default export */ const components_elements = (function (Splide, Components) {
+/* harmony default export */ var components_elements = (function (Splide, Components) {
   /**
    * Hold the root element.
    *
@@ -2407,14 +2407,14 @@ var UID_NAME = 'uid';
 
   return Elements;
 });
-// CONCATENATED MODULE: ./src/js/components/controller/index.js
+;// CONCATENATED MODULE: ./src/js/components/controller/index.js
 /**
  * The component for controlling the track.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 
 var floor = Math.floor;
@@ -2427,7 +2427,7 @@ var floor = Math.floor;
  * @return {Object} - The component object.
  */
 
-/* harmony default export */ const controller = (function (Splide, Components) {
+/* harmony default export */ var controller = (function (Splide, Components) {
   /**
    * Store current options.
    *
@@ -2718,14 +2718,14 @@ var floor = Math.floor;
 
   return Controller;
 });
-// CONCATENATED MODULE: ./src/js/components/track/index.js
+;// CONCATENATED MODULE: ./src/js/components/track/index.js
 /**
  * The component for moving list in the track.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 
 
@@ -2740,7 +2740,7 @@ var abs = Math.abs;
  * @return {Object} - The component object.
  */
 
-/* harmony default export */ const track = (function (Splide, Components) {
+/* harmony default export */ var track = (function (Splide, Components) {
   /**
    * Hold the Layout component.
    *
@@ -3055,14 +3055,14 @@ var abs = Math.abs;
 
   return Track;
 });
-// CONCATENATED MODULE: ./src/js/components/clones/index.js
+;// CONCATENATED MODULE: ./src/js/components/clones/index.js
 /**
  * The component for cloning some slides for "loop" mode of the track.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 
 
@@ -3075,7 +3075,7 @@ var abs = Math.abs;
  * @return {Object} - The component object.
  */
 
-/* harmony default export */ const clones = (function (Splide, Components) {
+/* harmony default export */ var clones = (function (Splide, Components) {
   /**
    * Store information of all clones.
    *
@@ -3244,14 +3244,14 @@ var abs = Math.abs;
 
   return Clones;
 });
-// CONCATENATED MODULE: ./src/js/components/layout/directions/horizontal.js
+;// CONCATENATED MODULE: ./src/js/components/layout/directions/horizontal.js
 /**
  * The resolver component for horizontal layout.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 
 /**
@@ -3263,7 +3263,7 @@ var abs = Math.abs;
  * @return {Object} - The resolver object.
  */
 
-/* harmony default export */ const horizontal = (function (Splide, Components) {
+/* harmony default export */ var horizontal = (function (Splide, Components) {
   /**
    * Keep the Elements component.
    *
@@ -3403,14 +3403,14 @@ var abs = Math.abs;
 
   };
 });
-// CONCATENATED MODULE: ./src/js/components/layout/directions/vertical.js
+;// CONCATENATED MODULE: ./src/js/components/layout/directions/vertical.js
 /**
  * The resolver component for vertical layout.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 
 /**
@@ -3422,7 +3422,7 @@ var abs = Math.abs;
  * @return {Object} - The resolver object.
  */
 
-/* harmony default export */ const vertical = (function (Splide, Components) {
+/* harmony default export */ var vertical = (function (Splide, Components) {
   /**
    * Keep the Elements component.
    *
@@ -3555,7 +3555,7 @@ var abs = Math.abs;
 
   };
 });
-// CONCATENATED MODULE: ./src/js/utils/time.js
+;// CONCATENATED MODULE: ./src/js/utils/time.js
 /**
  * A package of utility functions related with time.
  *
@@ -3647,14 +3647,14 @@ function createInterval(callback, interval, progress) {
     }
   };
 }
-// CONCATENATED MODULE: ./src/js/components/layout/index.js
+;// CONCATENATED MODULE: ./src/js/components/layout/index.js
 /**
  * The component for handing slide layouts and their sizes.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 
 
@@ -3670,7 +3670,7 @@ function createInterval(callback, interval, progress) {
  * @return {Object} - The component object.
  */
 
-/* harmony default export */ const layout = (function (Splide, Components) {
+/* harmony default export */ var layout = (function (Splide, Components) {
   /**
    * Keep the Elements component.
    *
@@ -3770,14 +3770,14 @@ function createInterval(callback, interval, progress) {
 
   return Layout;
 });
-// CONCATENATED MODULE: ./src/js/components/drag/index.js
+;// CONCATENATED MODULE: ./src/js/components/drag/index.js
 /**
  * The component for supporting mouse drag and swipe.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 
 
@@ -3807,7 +3807,7 @@ var FRICTION_REDUCER = 7;
  * @return {Object} - The component object.
  */
 
-/* harmony default export */ const drag = (function (Splide, Components) {
+/* harmony default export */ var drag = (function (Splide, Components) {
   /**
    * Store the Move component.
    *
@@ -4114,7 +4114,7 @@ var FRICTION_REDUCER = 7;
 
   return Drag;
 });
-// CONCATENATED MODULE: ./src/js/components/click/index.js
+;// CONCATENATED MODULE: ./src/js/components/click/index.js
 /**
  * The component for handling a click event.
  *
@@ -4131,7 +4131,7 @@ var FRICTION_REDUCER = 7;
  *
  * @return {Object} - The component object.
  */
-/* harmony default export */ const click = (function (Splide, Components) {
+/* harmony default export */ var click = (function (Splide, Components) {
   /**
    * Whether click is disabled or not.
    *
@@ -4184,14 +4184,14 @@ var FRICTION_REDUCER = 7;
 
   return Click;
 });
-// CONCATENATED MODULE: ./src/js/components/autoplay/index.js
+;// CONCATENATED MODULE: ./src/js/components/autoplay/index.js
 /**
  * The component for playing slides automatically.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 /**
  * Set of pause flags.
@@ -4212,7 +4212,7 @@ var PAUSE_FLAGS = {
  * @return {Object} - The component object.
  */
 
-/* harmony default export */ const autoplay = (function (Splide, Components, name) {
+/* harmony default export */ var autoplay = (function (Splide, Components, name) {
   /**
    * Store pause flags.
    *
@@ -4371,14 +4371,14 @@ var PAUSE_FLAGS = {
 
   return Autoplay;
 });
-// CONCATENATED MODULE: ./src/js/components/cover/index.js
+;// CONCATENATED MODULE: ./src/js/components/cover/index.js
 /**
  * The component for change an img element to background image of its wrapper.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 /**
  * The component for change an img element to background image of its wrapper.
  *
@@ -4388,7 +4388,7 @@ var PAUSE_FLAGS = {
  * @return {Object} - The component object.
  */
 
-/* harmony default export */ const cover = (function (Splide, Components) {
+/* harmony default export */ var cover = (function (Splide, Components) {
   /**
    * Hold options.
    *
@@ -4462,7 +4462,7 @@ var PAUSE_FLAGS = {
 
   return Cover;
 });
-// CONCATENATED MODULE: ./src/js/components/arrows/path.js
+;// CONCATENATED MODULE: ./src/js/components/arrows/path.js
 /**
  * Export vector path for an arrow.
  *
@@ -4490,14 +4490,14 @@ var PATH = 'm15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4
  */
 
 var SIZE = 40;
-// CONCATENATED MODULE: ./src/js/components/arrows/index.js
+;// CONCATENATED MODULE: ./src/js/components/arrows/index.js
 /**
  * The component for appending prev/next arrows.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 
 /**
@@ -4510,7 +4510,7 @@ var SIZE = 40;
  * @return {Object} - The component object.
  */
 
-/* harmony default export */ const arrows = (function (Splide, Components, name) {
+/* harmony default export */ var arrows = (function (Splide, Components, name) {
   /**
    * Previous arrow element.
    *
@@ -4665,14 +4665,14 @@ var SIZE = 40;
 
   return Arrows;
 });
-// CONCATENATED MODULE: ./src/js/components/pagination/index.js
+;// CONCATENATED MODULE: ./src/js/components/pagination/index.js
 /**
  * The component for handling pagination
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 /**
  * The event name for updating some attributes of pagination nodes.
@@ -4698,7 +4698,7 @@ var UPDATE_EVENT = 'updated.page refresh.page';
  * @return {Object} - The component object.
  */
 
-/* harmony default export */ const pagination = (function (Splide, Components, name) {
+/* harmony default export */ var pagination = (function (Splide, Components, name) {
   /**
    * Store all data for pagination.
    * - list: A list element.
@@ -4858,14 +4858,14 @@ var UPDATE_EVENT = 'updated.page refresh.page';
 
   return Pagination;
 });
-// CONCATENATED MODULE: ./src/js/components/lazyload/index.js
+;// CONCATENATED MODULE: ./src/js/components/lazyload/index.js
 /**
  * The component for loading slider images lazily.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 
 /**
@@ -4892,7 +4892,7 @@ var SRCSET_DATA_NAME = 'data-splide-lazy-srcset';
  * @return {Object} - The component object.
  */
 
-/* harmony default export */ const lazyload = (function (Splide, Components, name) {
+/* harmony default export */ var lazyload = (function (Splide, Components, name) {
   /**
    * Next index for sequential loading.
    *
@@ -5069,7 +5069,7 @@ var SRCSET_DATA_NAME = 'data-splide-lazy-srcset';
 
   return Lazyload;
 });
-// CONCATENATED MODULE: ./src/js/constants/a11y.js
+;// CONCATENATED MODULE: ./src/js/constants/a11y.js
 /**
  * Export aria attribute names.
  *
@@ -5118,14 +5118,14 @@ var ARIA_HIDDEN = 'aria-hidden';
  */
 
 var TAB_INDEX = 'tabindex';
-// CONCATENATED MODULE: ./src/js/components/keyboard/index.js
+;// CONCATENATED MODULE: ./src/js/components/keyboard/index.js
 /**
  * The component for controlling slides via keyboard.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 /**
  * Map a key to a slide control.
@@ -5164,7 +5164,7 @@ var KEY_MAP = {
  * @return {Object} - The component object.
  */
 
-/* harmony default export */ const keyboard = (function (Splide) {
+/* harmony default export */ var keyboard = (function (Splide) {
   /**
    * Hold the target element.
    *
@@ -5205,14 +5205,14 @@ var KEY_MAP = {
     }
   };
 });
-// CONCATENATED MODULE: ./src/js/components/a11y/index.js
+;// CONCATENATED MODULE: ./src/js/components/a11y/index.js
 /**
  * The component for enhancing accessibility.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 
 /**
@@ -5224,7 +5224,7 @@ var KEY_MAP = {
  * @return {Object} - The component object.
  */
 
-/* harmony default export */ const a11y = (function (Splide, Components) {
+/* harmony default export */ var a11y = (function (Splide, Components) {
   /**
    * Hold a i18n object.
    *
@@ -5458,14 +5458,14 @@ var KEY_MAP = {
 
   return A11y;
 });
-// CONCATENATED MODULE: ./src/js/components/sync/index.js
+;// CONCATENATED MODULE: ./src/js/components/sync/index.js
 /**
  * The component for synchronizing a slider with another.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 /**
  * The event name for sync.
@@ -5495,7 +5495,7 @@ var TRIGGER_KEYS = [' ', 'Enter', 'Spacebar'];
  * @return {Object} - The component object.
  */
 
-/* harmony default export */ const sync = (function (Splide) {
+/* harmony default export */ var sync = (function (Splide) {
   /**
    * Keep the sibling Splide instance.
    *
@@ -5623,14 +5623,14 @@ var TRIGGER_KEYS = [' ', 'Enter', 'Spacebar'];
 
   return Sync;
 });
-// CONCATENATED MODULE: ./src/js/components/breakpoints/index.js
+;// CONCATENATED MODULE: ./src/js/components/breakpoints/index.js
 /**
  * The component for updating options according to a current window width.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 /**
  * Interval time for throttle.
@@ -5647,7 +5647,7 @@ var THROTTLE = 50;
  * @return {Object} - The component object.
  */
 
-/* harmony default export */ const breakpoints = (function (Splide) {
+/* harmony default export */ var breakpoints = (function (Splide) {
   /**
    * Store breakpoints.
    *
@@ -5773,14 +5773,14 @@ var THROTTLE = 50;
 
   return Breakpoints;
 });
-// CONCATENATED MODULE: ./src/js/components/index.js
+;// CONCATENATED MODULE: ./src/js/components/index.js
 /**
  * Export components.
  *
  * @author    Naotoshi Fujita
  * @copyright Naotoshi Fujita. All rights reserved.
  */
-;
+
 
 
 
@@ -5829,7 +5829,7 @@ var LIGHT = {
   Pagination: pagination,
   A11y: a11y
 };
-// CONCATENATED MODULE: ./build/complete/complete.js
+;// CONCATENATED MODULE: ./build/complete/complete.js
 function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
 
 /**

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@splidejs/splide",
-  "version": "2.4.20",
+  "version": "2.4.21",
   "description": "Splide is a lightweight and powerful slider/carousel without any dependencies.",
   "author": "Naotoshi Fujita",
   "license": "MIT",
@@ -24,11 +24,11 @@
     "url": "https://github.com/Splidejs/splide/issues"
   },
   "devDependencies": {
-    "@babel/core": "^7.12.3",
-    "@babel/preset-env": "^7.12.1",
-    "autoprefixer": "^9.8.6",
+    "@babel/core": "^7.12.9",
+    "@babel/preset-env": "^7.12.7",
+    "autoprefixer": "^10.0.4",
     "babel-jest": "^26.6.3",
-    "babel-loader": "^8.2.1",
+    "babel-loader": "^8.2.2",
     "cssnano": "^4.1.10",
     "gulp": "^4.0.2",
     "gulp-concat": "^2.6.1",
@@ -43,7 +43,7 @@
     "jest": "^26.6.3",
     "merge-stream": "^2.0.0",
     "serialize-javascript": "^5.0.1",
-    "webpack": "^5.4.0",
+    "webpack": "^5.9.0",
     "webpack-stream": "^6.1.1"
   },
   "scripts": {