Remove slider styles. Change the target of the toggle button.

dist/js/splide.cjs.js

@@ -177,6 +177,12 @@ function merge(object) {
   return object;
 }
 
+function omit(object, keys) {
+  toArray(keys || ownKeys(object)).forEach(function (key) {
+    delete object[key];
+  });
+}
+
 function removeAttribute(elms, attrs) {
   forEach(elms, function (elm) {
     forEach(attrs, function (attr) {
@@ -580,12 +586,6 @@ function Throttle(func, duration) {
   return throttled;
 }
 
-function omit(object, keys) {
-  toArray(keys || ownKeys(object)).forEach(function (key) {
-    delete object[key];
-  });
-}
-
 function Media(Splide2, Components2, options) {
   var reducedMotion = options.reducedMotion || {};
   var binder = EventBinder();
@@ -711,9 +711,9 @@ var CLASS_PAGINATION = PROJECT_CODE + "__pagination";
 var CLASS_PAGINATION_PAGE = CLASS_PAGINATION + "__page";
 var CLASS_PROGRESS = PROJECT_CODE + "__progress";
 var CLASS_PROGRESS_BAR = CLASS_PROGRESS + "__bar";
-var CLASS_AUTOPLAY = PROJECT_CODE + "__autoplay";
-var CLASS_PLAY = PROJECT_CODE + "__play";
-var CLASS_PAUSE = PROJECT_CODE + "__pause";
+var CLASS_TOGGLE = PROJECT_CODE + "__toggle";
+var CLASS_TOGGLE_PLAY = CLASS_TOGGLE + "__play";
+var CLASS_TOGGLE_PAUSE = CLASS_TOGGLE + "__pause";
 var CLASS_SPINNER = PROJECT_CODE + "__spinner";
 var CLASS_SR = PROJECT_CODE + "__sr";
 var CLASS_INITIALIZED = "is-initialized";
@@ -802,12 +802,10 @@ function Elements(Splide2, Components2, options) {
     forOwn({
       arrows: CLASS_ARROWS,
       pagination: CLASS_PAGINATION,
-      autoplay: CLASS_AUTOPLAY,
       prev: CLASS_ARROW_PREV,
       next: CLASS_ARROW_NEXT,
       bar: CLASS_PROGRESS_BAR,
-      play: CLASS_PLAY,
-      pause: CLASS_PAUSE
+      toggle: CLASS_TOGGLE
     }, function (className, key) {
       elements[key] = find("." + className);
     });
@@ -831,7 +829,7 @@ function Elements(Splide2, Components2, options) {
 
   function find(selector) {
     var elm = query(root, selector);
-    return elm && closest(elm, "." + CLASS_ROOT) === root ? elm : null;
+    return elm && closest(elm, "." + CLASS_ROOT) === root ? elm : void 0;
   }
 
   function getClasses(base) {
@@ -1854,37 +1852,27 @@ function Autoplay(Splide2, Components2, options) {
       bind = _EventInterface7.bind,
       emit = _EventInterface7.emit;
 
-  var interval = RequestInterval(options.interval, Splide2.go.bind(Splide2, ">"), update);
+  var interval = RequestInterval(options.interval, Splide2.go.bind(Splide2, ">"), onAnimationFrame);
   var isPaused = interval.isPaused;
-  var Elements = Components2.Elements;
+  var Elements = Components2.Elements,
+      _Components2$Elements4 = Components2.Elements,
+      root = _Components2$Elements4.root,
+      toggle = _Components2$Elements4.toggle;
   var autoplay = options.autoplay;
   var hovered;
   var focused;
-  var paused = autoplay === "pause";
+  var stopped = autoplay === "pause";
 
   function mount() {
     if (autoplay) {
-      initButton(true);
-      initButton(false);
       listen();
-      !paused && play();
-    }
-  }
-
-  function initButton(forPause) {
-    var prop = forPause ? "pause" : "play";
-    var button = Elements[prop];
-
-    if (button) {
-      setAttribute(button, ARIA_CONTROLS, Elements.track.id);
-      setAttribute(button, ARIA_LABEL, options.i18n[prop]);
-      bind(button, "click", forPause ? pause : play);
+      toggle && setAttribute(toggle, ARIA_CONTROLS, Elements.list.id);
+      stopped || play();
+      update();
     }
   }
 
   function listen() {
-    var root = Elements.root;
-
     if (options.pauseOnHover) {
       bind(root, "mouseenter mouseleave", function (e) {
         hovered = e.type === "mouseenter";
@@ -1899,49 +1887,60 @@ function Autoplay(Splide2, Components2, options) {
       });
     }
 
+    if (toggle) {
+      bind(toggle, "click", function () {
+        stopped ? play() : pause(true);
+      });
+    }
+
     on([EVENT_MOVE, EVENT_SCROLL, EVENT_REFRESH], interval.rewind);
-    on(EVENT_MOVE, updateInterval);
+    on(EVENT_MOVE, onMove);
   }
 
   function play() {
     if (isPaused() && Components2.Slides.isEnough()) {
       interval.start(!options.resetProgress);
-      focused = hovered = paused = false;
+      focused = hovered = stopped = false;
+      update();
       emit(EVENT_AUTOPLAY_PLAY);
     }
   }
 
-  function pause(manual) {
-    if (manual === void 0) {
-      manual = true;
+  function pause(stop) {
+    if (stop === void 0) {
+      stop = true;
     }
 
+    stopped = !!stop;
+    update();
+
     if (!isPaused()) {
       interval.pause();
       emit(EVENT_AUTOPLAY_PAUSE);
     }
-
-    paused = manual;
   }
 
   function autoToggle() {
-    if (!paused) {
-      if (!hovered && !focused) {
-        play();
-      } else {
-        pause(false);
-      }
+    if (!stopped) {
+      hovered || focused ? pause(false) : play();
+    }
+  }
+
+  function update() {
+    if (toggle) {
+      toggleClass(toggle, CLASS_ACTIVE, !stopped);
+      setAttribute(toggle, ARIA_LABEL, options.i18n[stopped ? "play" : "pause"]);
     }
   }
 
-  function update(rate) {
+  function onAnimationFrame(rate) {
     var bar = Elements.bar;
     bar && style(bar, "width", rate * 100 + "%");
     emit(EVENT_AUTOPLAY_PLAYING, rate);
   }
 
-  function updateInterval() {
-    var Slide = Components2.Slides.getAt(Splide2.index);
+  function onMove(index) {
+    var Slide = Components2.Slides.getAt(index);
     interval.set(Slide && +getAttribute(Slide.slide, INTERVAL_DATA_ATTRIBUTE) || options.interval);
   }
 
@@ -3645,7 +3644,6 @@ exports.CLASS_ARROW = CLASS_ARROW;
 exports.CLASS_ARROWS = CLASS_ARROWS;
 exports.CLASS_ARROW_NEXT = CLASS_ARROW_NEXT;
 exports.CLASS_ARROW_PREV = CLASS_ARROW_PREV;
-exports.CLASS_AUTOPLAY = CLASS_AUTOPLAY;
 exports.CLASS_CLONE = CLASS_CLONE;
 exports.CLASS_CONTAINER = CLASS_CONTAINER;
 exports.CLASS_INITIALIZED = CLASS_INITIALIZED;
@@ -3654,8 +3652,6 @@ exports.CLASS_LOADING = CLASS_LOADING;
 exports.CLASS_NEXT = CLASS_NEXT;
 exports.CLASS_PAGINATION = CLASS_PAGINATION;
 exports.CLASS_PAGINATION_PAGE = CLASS_PAGINATION_PAGE;
-exports.CLASS_PAUSE = CLASS_PAUSE;
-exports.CLASS_PLAY = CLASS_PLAY;
 exports.CLASS_PREV = CLASS_PREV;
 exports.CLASS_PROGRESS = CLASS_PROGRESS;
 exports.CLASS_PROGRESS_BAR = CLASS_PROGRESS_BAR;
@@ -3663,6 +3659,9 @@ exports.CLASS_ROOT = CLASS_ROOT;
 exports.CLASS_SLIDE = CLASS_SLIDE;
 exports.CLASS_SPINNER = CLASS_SPINNER;
 exports.CLASS_SR = CLASS_SR;
+exports.CLASS_TOGGLE = CLASS_TOGGLE;
+exports.CLASS_TOGGLE_PAUSE = CLASS_TOGGLE_PAUSE;
+exports.CLASS_TOGGLE_PLAY = CLASS_TOGGLE_PLAY;
 exports.CLASS_TRACK = CLASS_TRACK;
 exports.CLASS_VISIBLE = CLASS_VISIBLE;
 exports.EVENT_ACTIVE = EVENT_ACTIVE;

dist/js/splide.esm.js

@@ -172,6 +172,12 @@ function merge(object) {
   return object;
 }
 
+function omit(object, keys) {
+  toArray(keys || ownKeys(object)).forEach(function (key) {
+    delete object[key];
+  });
+}
+
 function removeAttribute(elms, attrs) {
   forEach(elms, function (elm) {
     forEach(attrs, function (attr) {
@@ -575,12 +581,6 @@ function Throttle(func, duration) {
   return throttled;
 }
 
-function omit(object, keys) {
-  toArray(keys || ownKeys(object)).forEach(function (key) {
-    delete object[key];
-  });
-}
-
 function Media(Splide2, Components2, options) {
   var reducedMotion = options.reducedMotion || {};
   var binder = EventBinder();
@@ -706,9 +706,9 @@ var CLASS_PAGINATION = PROJECT_CODE + "__pagination";
 var CLASS_PAGINATION_PAGE = CLASS_PAGINATION + "__page";
 var CLASS_PROGRESS = PROJECT_CODE + "__progress";
 var CLASS_PROGRESS_BAR = CLASS_PROGRESS + "__bar";
-var CLASS_AUTOPLAY = PROJECT_CODE + "__autoplay";
-var CLASS_PLAY = PROJECT_CODE + "__play";
-var CLASS_PAUSE = PROJECT_CODE + "__pause";
+var CLASS_TOGGLE = PROJECT_CODE + "__toggle";
+var CLASS_TOGGLE_PLAY = CLASS_TOGGLE + "__play";
+var CLASS_TOGGLE_PAUSE = CLASS_TOGGLE + "__pause";
 var CLASS_SPINNER = PROJECT_CODE + "__spinner";
 var CLASS_SR = PROJECT_CODE + "__sr";
 var CLASS_INITIALIZED = "is-initialized";
@@ -797,12 +797,10 @@ function Elements(Splide2, Components2, options) {
     forOwn({
       arrows: CLASS_ARROWS,
       pagination: CLASS_PAGINATION,
-      autoplay: CLASS_AUTOPLAY,
       prev: CLASS_ARROW_PREV,
       next: CLASS_ARROW_NEXT,
       bar: CLASS_PROGRESS_BAR,
-      play: CLASS_PLAY,
-      pause: CLASS_PAUSE
+      toggle: CLASS_TOGGLE
     }, function (className, key) {
       elements[key] = find("." + className);
     });
@@ -826,7 +824,7 @@ function Elements(Splide2, Components2, options) {
 
   function find(selector) {
     var elm = query(root, selector);
-    return elm && closest(elm, "." + CLASS_ROOT) === root ? elm : null;
+    return elm && closest(elm, "." + CLASS_ROOT) === root ? elm : void 0;
   }
 
   function getClasses(base) {
@@ -1849,37 +1847,27 @@ function Autoplay(Splide2, Components2, options) {
       bind = _EventInterface7.bind,
       emit = _EventInterface7.emit;
 
-  var interval = RequestInterval(options.interval, Splide2.go.bind(Splide2, ">"), update);
+  var interval = RequestInterval(options.interval, Splide2.go.bind(Splide2, ">"), onAnimationFrame);
   var isPaused = interval.isPaused;
-  var Elements = Components2.Elements;
+  var Elements = Components2.Elements,
+      _Components2$Elements4 = Components2.Elements,
+      root = _Components2$Elements4.root,
+      toggle = _Components2$Elements4.toggle;
   var autoplay = options.autoplay;
   var hovered;
   var focused;
-  var paused = autoplay === "pause";
+  var stopped = autoplay === "pause";
 
   function mount() {
     if (autoplay) {
-      initButton(true);
-      initButton(false);
       listen();
-      !paused && play();
-    }
-  }
-
-  function initButton(forPause) {
-    var prop = forPause ? "pause" : "play";
-    var button = Elements[prop];
-
-    if (button) {
-      setAttribute(button, ARIA_CONTROLS, Elements.track.id);
-      setAttribute(button, ARIA_LABEL, options.i18n[prop]);
-      bind(button, "click", forPause ? pause : play);
+      toggle && setAttribute(toggle, ARIA_CONTROLS, Elements.list.id);
+      stopped || play();
+      update();
     }
   }
 
   function listen() {
-    var root = Elements.root;
-
     if (options.pauseOnHover) {
       bind(root, "mouseenter mouseleave", function (e) {
         hovered = e.type === "mouseenter";
@@ -1894,49 +1882,60 @@ function Autoplay(Splide2, Components2, options) {
       });
     }
 
+    if (toggle) {
+      bind(toggle, "click", function () {
+        stopped ? play() : pause(true);
+      });
+    }
+
     on([EVENT_MOVE, EVENT_SCROLL, EVENT_REFRESH], interval.rewind);
-    on(EVENT_MOVE, updateInterval);
+    on(EVENT_MOVE, onMove);
   }
 
   function play() {
     if (isPaused() && Components2.Slides.isEnough()) {
       interval.start(!options.resetProgress);
-      focused = hovered = paused = false;
+      focused = hovered = stopped = false;
+      update();
       emit(EVENT_AUTOPLAY_PLAY);
     }
   }
 
-  function pause(manual) {
-    if (manual === void 0) {
-      manual = true;
+  function pause(stop) {
+    if (stop === void 0) {
+      stop = true;
     }
 
+    stopped = !!stop;
+    update();
+
     if (!isPaused()) {
       interval.pause();
       emit(EVENT_AUTOPLAY_PAUSE);
     }
-
-    paused = manual;
   }
 
   function autoToggle() {
-    if (!paused) {
-      if (!hovered && !focused) {
-        play();
-      } else {
-        pause(false);
-      }
+    if (!stopped) {
+      hovered || focused ? pause(false) : play();
+    }
+  }
+
+  function update() {
+    if (toggle) {
+      toggleClass(toggle, CLASS_ACTIVE, !stopped);
+      setAttribute(toggle, ARIA_LABEL, options.i18n[stopped ? "play" : "pause"]);
     }
   }
 
-  function update(rate) {
+  function onAnimationFrame(rate) {
     var bar = Elements.bar;
     bar && style(bar, "width", rate * 100 + "%");
     emit(EVENT_AUTOPLAY_PLAYING, rate);
   }
 
-  function updateInterval() {
-    var Slide = Components2.Slides.getAt(Splide2.index);
+  function onMove(index) {
+    var Slide = Components2.Slides.getAt(index);
     interval.set(Slide && +getAttribute(Slide.slide, INTERVAL_DATA_ATTRIBUTE) || options.interval);
   }
 
@@ -3634,4 +3633,4 @@ var SplideRenderer = /*#__PURE__*/function () {
   return SplideRenderer;
 }();
 
-export { CLASSES, CLASS_ACTIVE, CLASS_ARROW, CLASS_ARROWS, CLASS_ARROW_NEXT, CLASS_ARROW_PREV, CLASS_AUTOPLAY, CLASS_CLONE, CLASS_CONTAINER, CLASS_INITIALIZED, CLASS_LIST, CLASS_LOADING, CLASS_NEXT, CLASS_PAGINATION, CLASS_PAGINATION_PAGE, CLASS_PAUSE, CLASS_PLAY, CLASS_PREV, CLASS_PROGRESS, CLASS_PROGRESS_BAR, CLASS_ROOT, CLASS_SLIDE, CLASS_SPINNER, CLASS_SR, CLASS_TRACK, CLASS_VISIBLE, EVENT_ACTIVE, EVENT_ARROWS_MOUNTED, EVENT_ARROWS_UPDATED, EVENT_AUTOPLAY_PAUSE, EVENT_AUTOPLAY_PLAY, EVENT_AUTOPLAY_PLAYING, EVENT_CLICK, EVENT_DESTROY, EVENT_DRAG, EVENT_DRAGGED, EVENT_DRAGGING, EVENT_HIDDEN, EVENT_INACTIVE, EVENT_LAZYLOAD_LOADED, EVENT_MOUNTED, EVENT_MOVE, EVENT_MOVED, EVENT_NAVIGATION_MOUNTED, EVENT_PAGINATION_MOUNTED, EVENT_PAGINATION_UPDATED, EVENT_READY, EVENT_REFRESH, EVENT_REPOSITIONED, EVENT_RESIZE, EVENT_RESIZED, EVENT_SCROLL, EVENT_SCROLLED, EVENT_SHIFTED, EVENT_SLIDE_KEYDOWN, EVENT_UPDATED, EVENT_VISIBLE, EventBinder, EventInterface, RequestInterval, STATUS_CLASSES, Splide, SplideRenderer, State, Throttle, Splide as default };
+export { CLASSES, CLASS_ACTIVE, CLASS_ARROW, CLASS_ARROWS, CLASS_ARROW_NEXT, CLASS_ARROW_PREV, CLASS_CLONE, CLASS_CONTAINER, CLASS_INITIALIZED, CLASS_LIST, CLASS_LOADING, CLASS_NEXT, CLASS_PAGINATION, CLASS_PAGINATION_PAGE, CLASS_PREV, CLASS_PROGRESS, CLASS_PROGRESS_BAR, CLASS_ROOT, CLASS_SLIDE, CLASS_SPINNER, CLASS_SR, CLASS_TOGGLE, CLASS_TOGGLE_PAUSE, CLASS_TOGGLE_PLAY, CLASS_TRACK, CLASS_VISIBLE, EVENT_ACTIVE, EVENT_ARROWS_MOUNTED, EVENT_ARROWS_UPDATED, EVENT_AUTOPLAY_PAUSE, EVENT_AUTOPLAY_PLAY, EVENT_AUTOPLAY_PLAYING, EVENT_CLICK, EVENT_DESTROY, EVENT_DRAG, EVENT_DRAGGED, EVENT_DRAGGING, EVENT_HIDDEN, EVENT_INACTIVE, EVENT_LAZYLOAD_LOADED, EVENT_MOUNTED, EVENT_MOVE, EVENT_MOVED, EVENT_NAVIGATION_MOUNTED, EVENT_PAGINATION_MOUNTED, EVENT_PAGINATION_UPDATED, EVENT_READY, EVENT_REFRESH, EVENT_REPOSITIONED, EVENT_RESIZE, EVENT_RESIZED, EVENT_SCROLL, EVENT_SCROLLED, EVENT_SHIFTED, EVENT_SLIDE_KEYDOWN, EVENT_UPDATED, EVENT_VISIBLE, EventBinder, EventInterface, RequestInterval, STATUS_CLASSES, Splide, SplideRenderer, State, Throttle, Splide as default };

dist/js/splide.js

@@ -1860,7 +1860,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
     function mount() {
       if (autoplay) {
         listen();
-        toggle && setAttribute(toggle, ARIA_CONTROLS, Elements.track.id);
+        toggle && setAttribute(toggle, ARIA_CONTROLS, Elements.list.id);
         stopped || play();
         update();
       }

dist/types/index.d.ts

@@ -1,7 +1,7 @@
 /**
- * The interface for the Options component.
+ * The interface for the Media component.
  *
- * @since 3.0.0
+ * @since 4.0.0
  */
 interface MediaComponent extends BaseComponent {
     reduce(reduced: boolean): void;
@@ -27,14 +27,12 @@ interface ElementCollection {
     track: HTMLElement;
     list: HTMLElement;
     slides: HTMLElement[];
-    arrows: HTMLElement | null;
-    pagination: HTMLUListElement | null;
-    prev: HTMLButtonElement | null;
-    next: HTMLButtonElement | null;
-    bar: HTMLElement | null;
-    autoplay: HTMLElement | null;
-    play: HTMLButtonElement | null;
-    pause: HTMLButtonElement | null;
+    arrows?: HTMLElement;
+    pagination?: HTMLUListElement;
+    prev?: HTMLButtonElement;
+    next?: HTMLButtonElement;
+    bar?: HTMLElement;
+    toggle?: HTMLElement;
 }
 /**
  * The interface for the Elements component.
@@ -1587,9 +1585,9 @@ declare const CLASS_PAGINATION: string;
 declare const CLASS_PAGINATION_PAGE: string;
 declare const CLASS_PROGRESS: string;
 declare const CLASS_PROGRESS_BAR: string;
-declare const CLASS_AUTOPLAY: string;
-declare const CLASS_PLAY: string;
-declare const CLASS_PAUSE: string;
+declare const CLASS_TOGGLE: string;
+declare const CLASS_TOGGLE_PLAY: string;
+declare const CLASS_TOGGLE_PAUSE: string;
 declare const CLASS_SPINNER: string;
 declare const CLASS_SR: string;
 declare const CLASS_INITIALIZED = "is-initialized";
@@ -1621,4 +1619,4 @@ declare const CLASSES: {
     spinner: string;
 };
 
-export { AnyFunction, ArrowsComponent, AutoplayComponent, BaseComponent, CLASSES, CLASS_ACTIVE, CLASS_ARROW, CLASS_ARROWS, CLASS_ARROW_NEXT, CLASS_ARROW_PREV, CLASS_AUTOPLAY, CLASS_CLONE, CLASS_CONTAINER, CLASS_INITIALIZED, CLASS_LIST, CLASS_LOADING, CLASS_NEXT, CLASS_PAGINATION, CLASS_PAGINATION_PAGE, CLASS_PAUSE, CLASS_PLAY, CLASS_PREV, CLASS_PROGRESS, CLASS_PROGRESS_BAR, CLASS_ROOT, CLASS_SLIDE, CLASS_SPINNER, CLASS_SR, CLASS_TRACK, CLASS_VISIBLE, Cast, ClonesComponent, ComponentConstructor, Components, ControllerComponent, CoverComponent, DirectionComponent, DragComponent, EVENT_ACTIVE, EVENT_ARROWS_MOUNTED, EVENT_ARROWS_UPDATED, EVENT_AUTOPLAY_PAUSE, EVENT_AUTOPLAY_PLAY, EVENT_AUTOPLAY_PLAYING, EVENT_CLICK, EVENT_DESTROY, EVENT_DRAG, EVENT_DRAGGED, EVENT_DRAGGING, EVENT_HIDDEN, EVENT_INACTIVE, EVENT_LAZYLOAD_LOADED, EVENT_MOUNTED, EVENT_MOVE, EVENT_MOVED, EVENT_NAVIGATION_MOUNTED, EVENT_PAGINATION_MOUNTED, EVENT_PAGINATION_UPDATED, EVENT_READY, EVENT_REFRESH, EVENT_REPOSITIONED, EVENT_RESIZE, EVENT_RESIZED, EVENT_SCROLL, EVENT_SCROLLED, EVENT_SHIFTED, EVENT_SLIDE_KEYDOWN, EVENT_UPDATED, EVENT_VISIBLE, ElementsComponent, EventBinder, EventBinderObject, EventInterface, EventInterfaceObject, EventMap, Head, KeyboardComponent, LayoutComponent, LazyLoadComponent, LiveComponent, MediaComponent, MoveComponent, Options, PaginationComponent, PaginationData, PaginationItem, Push, RequestInterval, RequestIntervalInterface, Resolve, ResponsiveOptions, STATUS_CLASSES, ScrollComponent, Shift, ShiftN, SlideComponent, SlidesComponent, Splide, SplideRenderer, State, StateObject, SyncComponent, SyncTarget, Throttle, ThrottleInstance, TransitionComponent, WheelComponent, Splide as default };
+export { AnyFunction, ArrowsComponent, AutoplayComponent, BaseComponent, CLASSES, CLASS_ACTIVE, CLASS_ARROW, CLASS_ARROWS, CLASS_ARROW_NEXT, CLASS_ARROW_PREV, CLASS_CLONE, CLASS_CONTAINER, CLASS_INITIALIZED, CLASS_LIST, CLASS_LOADING, CLASS_NEXT, CLASS_PAGINATION, CLASS_PAGINATION_PAGE, CLASS_PREV, CLASS_PROGRESS, CLASS_PROGRESS_BAR, CLASS_ROOT, CLASS_SLIDE, CLASS_SPINNER, CLASS_SR, CLASS_TOGGLE, CLASS_TOGGLE_PAUSE, CLASS_TOGGLE_PLAY, CLASS_TRACK, CLASS_VISIBLE, Cast, ClonesComponent, ComponentConstructor, Components, ControllerComponent, CoverComponent, DirectionComponent, DragComponent, EVENT_ACTIVE, EVENT_ARROWS_MOUNTED, EVENT_ARROWS_UPDATED, EVENT_AUTOPLAY_PAUSE, EVENT_AUTOPLAY_PLAY, EVENT_AUTOPLAY_PLAYING, EVENT_CLICK, EVENT_DESTROY, EVENT_DRAG, EVENT_DRAGGED, EVENT_DRAGGING, EVENT_HIDDEN, EVENT_INACTIVE, EVENT_LAZYLOAD_LOADED, EVENT_MOUNTED, EVENT_MOVE, EVENT_MOVED, EVENT_NAVIGATION_MOUNTED, EVENT_PAGINATION_MOUNTED, EVENT_PAGINATION_UPDATED, EVENT_READY, EVENT_REFRESH, EVENT_REPOSITIONED, EVENT_RESIZE, EVENT_RESIZED, EVENT_SCROLL, EVENT_SCROLLED, EVENT_SHIFTED, EVENT_SLIDE_KEYDOWN, EVENT_UPDATED, EVENT_VISIBLE, ElementsComponent, EventBinder, EventBinderObject, EventInterface, EventInterfaceObject, EventMap, Head, KeyboardComponent, LayoutComponent, LazyLoadComponent, LiveComponent, MediaComponent, MoveComponent, Options, PaginationComponent, PaginationData, PaginationItem, Push, RequestInterval, RequestIntervalInterface, Resolve, ResponsiveOptions, STATUS_CLASSES, ScrollComponent, Shift, ShiftN, SlideComponent, SlidesComponent, Splide, SplideRenderer, State, StateObject, SyncComponent, SyncTarget, Throttle, ThrottleInstance, TransitionComponent, WheelComponent, Splide as default };

src/css/core/object/objects/index.scss

@@ -4,7 +4,6 @@
 @forward 'progress';
 @forward 'root';
 @forward 'slide';
-@forward 'slider';
 @forward 'spinner' as spinner-*;
 @forward 'sr';
 @forward 'toggle';

src/css/core/object/objects/slider.scss

@@ -1,5 +0,0 @@
-.splide {
-  &__slider {
-    position: relative;
-  }
-}

src/js/components/Autoplay/Autoplay.ts

@@ -66,7 +66,7 @@ export function Autoplay( Splide: Splide, Components: Components, options: Optio
   function mount(): void {
     if ( autoplay ) {
       listen();
-      toggle && setAttribute( toggle, ARIA_CONTROLS, Elements.track.id );
+      toggle && setAttribute( toggle, ARIA_CONTROLS, Elements.list.id );
       stopped || play();
       update();
     }