@shoper/phoenix_design_system 1.18.43-2 → 1.18.43-4

package/build/esm/external/@splidejs/splide/dist/js/splide.esm.js

@@ -4,7 +4,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 
 /*!
  * Splide.js
- * Version  : 4.1.4
+ * Version  : 4.0.7
  * License  : MIT
  * Copyright: 2022 Naotoshi Fujita
  */
@@ -64,11 +64,7 @@ function isNull(subject) {
 }
 
 function isHTMLElement(subject) {
-  try {
-    return subject instanceof (subject.ownerDocument.defaultView || window).HTMLElement;
-  } catch (e) {
-    return false;
-  }
+  return subject instanceof HTMLElement;
 }
 
 function toArray(value) {
@@ -135,9 +131,18 @@ var ownKeys = Object.keys;
 
 function forOwn(object, iteratee, right) {
   if (object) {
-    (right ? ownKeys(object).reverse() : ownKeys(object)).forEach(function (key) {
-      key !== "__proto__" && iteratee(object[key], key);
-    });
+    var keys = ownKeys(object);
+    keys = right ? keys.reverse() : keys;
+
+    for (var i = 0; i < keys.length; i++) {
+      var key = keys[i];
+
+      if (key !== "__proto__") {
+        if (iteratee(object[key], key) === false) {
+          break;
+        }
+      }
+    }
   }
 
   return object;
@@ -168,7 +173,7 @@ function merge(object) {
 }
 
 function omit(object, keys) {
-  forEach(keys || ownKeys(object), function (key) {
+  toArray(keys || ownKeys(object)).forEach(function (key) {
     delete object[key];
   });
 }
@@ -296,9 +301,9 @@ function approximatelyEqual(x, y, epsilon) {
   return abs(x - y) < epsilon;
 }
 
-function between(number, x, y, exclusive) {
-  var minimum = min(x, y);
-  var maximum = max(x, y);
+function between(number, minOrMax, maxOrMin, exclusive) {
+  var minimum = min(minOrMax, maxOrMin);
+  var maximum = max(minOrMax, maxOrMin);
   return exclusive ? minimum < number && number < maximum : minimum <= number && number <= maximum;
 }
 
@@ -402,11 +407,13 @@ var EVENT_MOUNTED = "mounted";
 var EVENT_READY = "ready";
 var EVENT_MOVE = "move";
 var EVENT_MOVED = "moved";
+var EVENT_SHIFTED = "shifted";
 var EVENT_CLICK = "click";
 var EVENT_ACTIVE = "active";
 var EVENT_INACTIVE = "inactive";
 var EVENT_VISIBLE = "visible";
 var EVENT_HIDDEN = "hidden";
+var EVENT_SLIDE_KEYDOWN = "slide:keydown";
 var EVENT_REFRESH = "refresh";
 var EVENT_UPDATED = "updated";
 var EVENT_RESIZE = "resize";
@@ -416,7 +423,6 @@ var EVENT_DRAGGING = "dragging";
 var EVENT_DRAGGED = "dragged";
 var EVENT_SCROLL = "scroll";
 var EVENT_SCROLLED = "scrolled";
-var EVENT_OVERFLOW = "overflow";
 var EVENT_DESTROY = "destroy";
 var EVENT_ARROWS_MOUNTED = "arrows:mounted";
 var EVENT_ARROWS_UPDATED = "arrows:updated";
@@ -427,9 +433,6 @@ var EVENT_AUTOPLAY_PLAY = "autoplay:play";
 var EVENT_AUTOPLAY_PLAYING = "autoplay:playing";
 var EVENT_AUTOPLAY_PAUSE = "autoplay:pause";
 var EVENT_LAZYLOAD_LOADED = "lazyload:loaded";
-var EVENT_SLIDE_KEYDOWN = "sk";
-var EVENT_SHIFTED = "sh";
-var EVENT_END_INDEX_CHANGED = "ei";
 
 function EventInterface(Splide2) {
   var bus = Splide2 ? Splide2.event.bus : document.createDocumentFragment();
@@ -479,15 +482,15 @@ function RequestInterval(interval, onInterval, onUpdate, limit) {
         }
       }
 
-      id = raf(update);
+      raf(update);
     }
   }
 
   function start(resume) {
-    resume || cancel();
+    !resume && cancel();
     startTime = now() - (resume ? rate * interval : 0);
     paused = false;
-    id = raf(update);
+    raf(update);
   }
 
   function pause() {
@@ -546,10 +549,19 @@ function State(initialState) {
 }
 
 function Throttle(func, duration) {
-  var interval = RequestInterval(duration || 0, func, null, 1);
-  return function () {
-    interval.isPaused() && interval.start();
-  };
+  var interval;
+
+  function throttled() {
+    if (!interval) {
+      interval = RequestInterval(duration || 0, function () {
+        func();
+        interval = null;
+      }, null, 1);
+      interval.start();
+    }
+  }
+
+  return throttled;
 }
 
 function Media(Splide2, Components2, options) {
@@ -607,11 +619,11 @@ function Media(Splide2, Components2, options) {
     }
   }
 
-  function set(opts, base, notify) {
+  function set(opts, user) {
     merge(options, opts);
-    base && merge(Object.getPrototypeOf(options), opts);
+    user && merge(Object.getPrototypeOf(options), opts);
 
-    if (notify || !state.is(CREATED)) {
+    if (!state.is(CREATED)) {
       Splide2.emit(EVENT_UPDATED, options);
     }
   }
@@ -678,34 +690,31 @@ var ARIA_LIVE = ARIA_PREFIX + "live";
 var ARIA_BUSY = ARIA_PREFIX + "busy";
 var ARIA_ATOMIC = ARIA_PREFIX + "atomic";
 var ALL_ATTRIBUTES = [ROLE, TAB_INDEX, DISABLED, ARIA_CONTROLS, ARIA_CURRENT, ARIA_LABEL, ARIA_LABELLEDBY, ARIA_HIDDEN, ARIA_ORIENTATION, ARIA_ROLEDESCRIPTION];
-var CLASS_PREFIX = PROJECT_CODE + "__";
-var STATUS_CLASS_PREFIX = "is-";
 var CLASS_ROOT = PROJECT_CODE;
-var CLASS_TRACK = CLASS_PREFIX + "track";
-var CLASS_LIST = CLASS_PREFIX + "list";
-var CLASS_SLIDE = CLASS_PREFIX + "slide";
+var CLASS_TRACK = PROJECT_CODE + "__track";
+var CLASS_LIST = PROJECT_CODE + "__list";
+var CLASS_SLIDE = PROJECT_CODE + "__slide";
 var CLASS_CLONE = CLASS_SLIDE + "--clone";
 var CLASS_CONTAINER = CLASS_SLIDE + "__container";
-var CLASS_ARROWS = CLASS_PREFIX + "arrows";
-var CLASS_ARROW = CLASS_PREFIX + "arrow";
+var CLASS_ARROWS = PROJECT_CODE + "__arrows";
+var CLASS_ARROW = PROJECT_CODE + "__arrow";
 var CLASS_ARROW_PREV = CLASS_ARROW + "--prev";
 var CLASS_ARROW_NEXT = CLASS_ARROW + "--next";
-var CLASS_PAGINATION = CLASS_PREFIX + "pagination";
+var CLASS_PAGINATION = PROJECT_CODE + "__pagination";
 var CLASS_PAGINATION_PAGE = CLASS_PAGINATION + "__page";
-var CLASS_PROGRESS = CLASS_PREFIX + "progress";
+var CLASS_PROGRESS = PROJECT_CODE + "__progress";
 var CLASS_PROGRESS_BAR = CLASS_PROGRESS + "__bar";
-var CLASS_TOGGLE = CLASS_PREFIX + "toggle";
-var CLASS_SPINNER = CLASS_PREFIX + "spinner";
-var CLASS_SR = CLASS_PREFIX + "sr";
-var CLASS_INITIALIZED = STATUS_CLASS_PREFIX + "initialized";
-var CLASS_ACTIVE = STATUS_CLASS_PREFIX + "active";
-var CLASS_PREV = STATUS_CLASS_PREFIX + "prev";
-var CLASS_NEXT = STATUS_CLASS_PREFIX + "next";
-var CLASS_VISIBLE = STATUS_CLASS_PREFIX + "visible";
-var CLASS_LOADING = STATUS_CLASS_PREFIX + "loading";
-var CLASS_FOCUS_IN = STATUS_CLASS_PREFIX + "focus-in";
-var CLASS_OVERFLOW = STATUS_CLASS_PREFIX + "overflow";
-var STATUS_CLASSES = [CLASS_ACTIVE, CLASS_VISIBLE, CLASS_PREV, CLASS_NEXT, CLASS_LOADING, CLASS_FOCUS_IN, CLASS_OVERFLOW];
+var CLASS_TOGGLE = PROJECT_CODE + "__toggle";
+var CLASS_SPINNER = PROJECT_CODE + "__spinner";
+var CLASS_SR = PROJECT_CODE + "__sr";
+var CLASS_INITIALIZED = "is-initialized";
+var CLASS_ACTIVE = "is-active";
+var CLASS_PREV = "is-prev";
+var CLASS_NEXT = "is-next";
+var CLASS_VISIBLE = "is-visible";
+var CLASS_LOADING = "is-loading";
+var CLASS_FOCUS_IN = "is-focus-in";
+var STATUS_CLASSES = [CLASS_ACTIVE, CLASS_VISIBLE, CLASS_PREV, CLASS_NEXT, CLASS_LOADING, CLASS_FOCUS_IN];
 var CLASSES = {
   slide: CLASS_SLIDE,
   clone: CLASS_CLONE,
@@ -873,6 +882,7 @@ function Slide$1(Splide2, index, slideIndex, slide) {
   var label = getAttribute(slide, ARIA_LABEL);
   var isClone = slideIndex > -1;
   var container = child(slide, "." + CLASS_CONTAINER);
+  var focusableNodes = queryAll(slide, options.focusableNodes || "");
   var destroyed;
 
   function mount() {
@@ -951,7 +961,7 @@ function Slide$1(Splide2, index, slideIndex, slide) {
       setAttribute(slide, ARIA_HIDDEN, hidden || "");
     }
 
-    setAttribute(queryAll(slide, options.focusableNodes || ""), TAB_INDEX, hidden ? -1 : "");
+    setAttribute(focusableNodes, TAB_INDEX, hidden ? -1 : "");
 
     if (slideFocus) {
       setAttribute(slide, TAB_INDEX, hidden ? -1 : 0);
@@ -1029,6 +1039,11 @@ function Slides(Splide2, Components2, options) {
     init();
     on(EVENT_REFRESH, destroy);
     on(EVENT_REFRESH, init);
+    on([EVENT_MOUNTED, EVENT_REFRESH], function () {
+      Slides2.sort(function (Slide1, Slide2) {
+        return Slide1.index - Slide2.index;
+      });
+    });
   }
 
   function init() {
@@ -1054,9 +1069,6 @@ function Slides(Splide2, Components2, options) {
     var object = Slide$1(Splide2, index, slideIndex, slide);
     object.mount();
     Slides2.push(object);
-    Slides2.sort(function (Slide1, Slide2) {
-      return Slide1.index - Slide2.index;
-    });
   }
 
   function get(excludeClones) {
@@ -1176,7 +1188,6 @@ function Layout(Splide2, Components2, options) {
       styleSlides = Slides.style;
   var vertical;
   var rootRect;
-  var overflow;
 
   function mount() {
     init();
@@ -1186,28 +1197,24 @@ function Layout(Splide2, Components2, options) {
   }
 
   function init() {
+    rootRect = null;
     vertical = options.direction === TTB;
     style(root, "maxWidth", unit(options.width));
     style(track, resolve("paddingLeft"), cssPadding(false));
     style(track, resolve("paddingRight"), cssPadding(true));
-    resize(true);
+    resize();
   }
 
-  function resize(force) {
+  function resize() {
     var newRect = rect(root);
 
-    if (force || rootRect.width !== newRect.width || rootRect.height !== newRect.height) {
+    if (!rootRect || rootRect.width !== newRect.width || rootRect.height !== newRect.height) {
       style(track, "height", cssTrackHeight());
       styleSlides(resolve("marginRight"), unit(options.gap));
       styleSlides("width", cssSlideWidth());
       styleSlides("height", cssSlideHeight(), true);
       rootRect = newRect;
       emit(EVENT_RESIZED);
-
-      if (overflow !== (overflow = isOverflow())) {
-        toggleClass(root, CLASS_OVERFLOW, overflow);
-        emit(EVENT_OVERFLOW, overflow);
-      }
     }
   }
 
@@ -1267,8 +1274,8 @@ function Layout(Splide2, Components2, options) {
     return 0;
   }
 
-  function sliderSize(withoutGap) {
-    return totalSize(Splide2.length - 1) - totalSize(0) + slideSize(0, withoutGap);
+  function sliderSize() {
+    return totalSize(Splide2.length - 1, true) - totalSize(-1, true);
   }
 
   function getGap() {
@@ -1280,27 +1287,23 @@ function Layout(Splide2, Components2, options) {
     return parseFloat(style(track, resolve("padding" + (right ? "Right" : "Left")))) || 0;
   }
 
-  function isOverflow() {
-    return Splide2.is(FADE) || sliderSize(true) > listSize();
-  }
-
   return {
     mount: mount,
-    resize: resize,
     listSize: listSize,
     slideSize: slideSize,
     sliderSize: sliderSize,
     totalSize: totalSize,
-    getPadding: getPadding,
-    isOverflow: isOverflow
+    getPadding: getPadding
   };
 }
 
 var MULTIPLIER = 2;
 
 function Clones(Splide2, Components2, options) {
-  var event = EventInterface(Splide2);
-  var on = event.on;
+  var _EventInterface4 = EventInterface(Splide2),
+      on = _EventInterface4.on,
+      emit = _EventInterface4.emit;
+
   var Elements = Components2.Elements,
       Slides = Components2.Slides;
   var resolve = Components2.Direction.resolve;
@@ -1308,33 +1311,27 @@ function Clones(Splide2, Components2, options) {
   var cloneCount;
 
   function mount() {
-    on(EVENT_REFRESH, remount);
+    init();
+    on(EVENT_REFRESH, destroy);
+    on(EVENT_REFRESH, init);
     on([EVENT_UPDATED, EVENT_RESIZE], observe);
+  }
 
+  function init() {
     if (cloneCount = computeCloneCount()) {
       generate(cloneCount);
-      Components2.Layout.resize(true);
+      emit(EVENT_RESIZE);
     }
   }
 
-  function remount() {
-    destroy();
-    mount();
-  }
-
   function destroy() {
     remove(clones);
     empty(clones);
-    event.destroy();
   }
 
   function observe() {
-    var count = computeCloneCount();
-
-    if (cloneCount !== count) {
-      if (cloneCount < count || !count) {
-        event.emit(EVENT_REFRESH);
-      }
+    if (cloneCount < computeCloneCount()) {
+      emit(EVENT_REFRESH);
     }
   }
 
@@ -1369,7 +1366,7 @@ function Clones(Splide2, Components2, options) {
 
     if (!Splide2.is(LOOP)) {
       clones2 = 0;
-    } else if (isUndefined(clones2)) {
+    } else if (!clones2) {
       var fixedSize = options[resolve("fixedWidth")] && Components2.Layout.slideSize(0);
       var fixedCount = fixedSize && ceil(rect(Elements.track)[resolve("width")] / fixedSize);
       clones2 = fixedCount || options[resolve("autoWidth")] && Splide2.length || options.perPage * MULTIPLIER;
@@ -1385,9 +1382,9 @@ function Clones(Splide2, Components2, options) {
 }
 
 function Move(Splide2, Components2, options) {
-  var _EventInterface4 = EventInterface(Splide2),
-      on = _EventInterface4.on,
-      emit = _EventInterface4.emit;
+  var _EventInterface5 = EventInterface(Splide2),
+      on = _EventInterface5.on,
+      emit = _EventInterface5.emit;
 
   var set = Splide2.state.set;
   var _Components2$Layout = Components2.Layout,
@@ -1466,7 +1463,7 @@ function Move(Splide2, Components2, options) {
   }
 
   function cancel() {
-    translate(getPosition(), true);
+    translate(getPosition());
     Transition.cancel();
   }
 
@@ -1502,7 +1499,7 @@ function Move(Splide2, Components2, options) {
 
   function trim(position) {
     if (options.trimSpace && Splide2.is(SLIDE)) {
-      position = clamp(position, 0, orient(sliderSize(true) - listSize()));
+      position = clamp(position, 0, orient(sliderSize() - listSize()));
     }
 
     return position;
@@ -1546,9 +1543,8 @@ function Move(Splide2, Components2, options) {
 }
 
 function Controller(Splide2, Components2, options) {
-  var _EventInterface5 = EventInterface(Splide2),
-      on = _EventInterface5.on,
-      emit = _EventInterface5.emit;
+  var _EventInterface6 = EventInterface(Splide2),
+      on = _EventInterface6.on;
 
   var Move = Components2.Move;
   var getPosition = Move.getPosition,
@@ -1557,13 +1553,11 @@ function Controller(Splide2, Components2, options) {
   var _Components2$Slides = Components2.Slides,
       isEnough = _Components2$Slides.isEnough,
       getLength = _Components2$Slides.getLength;
-  var omitEnd = options.omitEnd;
   var isLoop = Splide2.is(LOOP);
   var isSlide = Splide2.is(SLIDE);
   var getNext = apply(getAdjacent, false);
   var getPrev = apply(getAdjacent, true);
   var currIndex = options.start || 0;
-  var endIndex;
   var prevIndex = currIndex;
   var slideCount;
   var perMove;
@@ -1571,16 +1565,14 @@ function Controller(Splide2, Components2, options) {
 
   function mount() {
     init();
-    on([EVENT_UPDATED, EVENT_REFRESH, EVENT_END_INDEX_CHANGED], init);
-    on(EVENT_RESIZED, onResized);
+    on([EVENT_UPDATED, EVENT_REFRESH], init);
   }
 
   function init() {
     slideCount = getLength(true);
     perMove = options.perMove;
     perPage = options.perPage;
-    endIndex = getEnd();
-    var index = clamp(currIndex, 0, omitEnd ? endIndex : slideCount - 1);
+    var index = clamp(currIndex, 0, slideCount - 1);
 
     if (index !== currIndex) {
       currIndex = index;
@@ -1588,12 +1580,6 @@ function Controller(Splide2, Components2, options) {
     }
   }
 
-  function onResized() {
-    if (endIndex !== getEnd()) {
-      emit(EVENT_END_INDEX_CHANGED);
-    }
-  }
-
   function go(control, allowSameIndex, callback) {
     if (!isBusy()) {
       var dest = parse(control);
@@ -1608,8 +1594,7 @@ function Controller(Splide2, Components2, options) {
 
   function scroll(destination, duration, snap, callback) {
     Components2.Scroll.scroll(destination, duration, snap, function () {
-      var index = loop(Move.toIndex(getPosition()));
-      setIndex(omitEnd ? min(index, endIndex) : index);
+      setIndex(loop(Move.toIndex(getPosition())));
       callback && callback();
     });
   }
@@ -1630,7 +1615,7 @@ function Controller(Splide2, Components2, options) {
         index = getPrev(true);
       }
     } else {
-      index = isLoop ? control : clamp(control, 0, endIndex);
+      index = isLoop ? control : clamp(control, 0, getEnd());
     }
 
     return index;
@@ -1642,7 +1627,7 @@ function Controller(Splide2, Components2, options) {
 
     if (dest === -1 && isSlide) {
       if (!approximatelyEqual(getPosition(), getLimit(!prev), 1)) {
-        return prev ? 0 : endIndex;
+        return prev ? 0 : getEnd();
       }
     }
 
@@ -1650,7 +1635,8 @@ function Controller(Splide2, Components2, options) {
   }
 
   function computeDestIndex(dest, from, snapPage) {
-    if (isEnough() || hasFocus()) {
+    if (isEnough()) {
+      var end = getEnd();
       var index = computeMovableDestIndex(dest);
 
       if (index !== dest) {
@@ -1659,14 +1645,14 @@ function Controller(Splide2, Components2, options) {
         snapPage = false;
       }
 
-      if (dest < 0 || dest > endIndex) {
-        if (!perMove && (between(0, dest, from, true) || between(endIndex, from, dest, true))) {
+      if (dest < 0 || dest > end) {
+        if (!perMove && (between(0, dest, from, true) || between(end, from, dest, true))) {
           dest = toIndex(toPage(dest));
         } else {
           if (isLoop) {
             dest = snapPage ? dest < 0 ? -(slideCount % perPage || perPage) : slideCount : dest;
           } else if (options.rewind) {
-            dest = dest < 0 ? endIndex : 0;
+            dest = dest < 0 ? end : 0;
           } else {
             dest = -1;
           }
@@ -1700,29 +1686,20 @@ function Controller(Splide2, Components2, options) {
   }
 
   function getEnd() {
-    var end = slideCount - (hasFocus() || isLoop && perMove ? 1 : perPage);
-
-    while (omitEnd && end-- > 0) {
-      if (toPosition(slideCount - 1, true) !== toPosition(end, true)) {
-        end++;
-        break;
-      }
-    }
-
-    return clamp(end, 0, slideCount - 1);
+    return max(slideCount - (hasFocus() || isLoop && perMove ? 1 : perPage), 0);
   }
 
   function toIndex(page) {
-    return clamp(hasFocus() ? page : perPage * page, 0, endIndex);
+    return clamp(hasFocus() ? page : perPage * page, 0, getEnd());
   }
 
   function toPage(index) {
-    return hasFocus() ? min(index, endIndex) : floor((index >= endIndex ? slideCount - 1 : index) / perPage);
+    return hasFocus() ? index : floor((index >= getEnd() ? slideCount - 1 : index) / perPage);
   }
 
   function toDest(destination) {
     var closest = Move.toIndex(destination);
-    return isSlide ? clamp(closest, 0, endIndex) : closest;
+    return isSlide ? clamp(closest, 0, getEnd()) : closest;
   }
 
   function setIndex(index) {
@@ -1775,9 +1752,9 @@ function Arrows(Splide2, Components2, options) {
       i18n = options.i18n;
   var Elements = Components2.Elements,
       Controller = Components2.Controller;
-  var placeholder = Elements.arrows,
+  var userArrows = Elements.arrows,
       track = Elements.track;
-  var wrapper = placeholder;
+  var wrapper = userArrows;
   var prev = Elements.prev;
   var next = Elements.next;
   var created;
@@ -1823,7 +1800,7 @@ function Arrows(Splide2, Components2, options) {
     removeClass(wrapper, wrapperClasses);
 
     if (created) {
-      remove(placeholder ? [prev, next] : wrapper);
+      remove(userArrows ? [prev, next] : wrapper);
       prev = next = null;
     } else {
       removeAttribute([prev, next], ALL_ATTRIBUTES);
@@ -1831,7 +1808,7 @@ function Arrows(Splide2, Components2, options) {
   }
 
   function listen() {
-    on([EVENT_MOUNTED, EVENT_MOVED, EVENT_REFRESH, EVENT_SCROLLED, EVENT_END_INDEX_CHANGED], update);
+    on([EVENT_MOVED, EVENT_REFRESH, EVENT_SCROLLED], update);
     bind(next, "click", apply(go, ">"));
     bind(prev, "click", apply(go, "<"));
   }
@@ -1841,12 +1818,12 @@ function Arrows(Splide2, Components2, options) {
   }
 
   function createArrows() {
-    wrapper = placeholder || create("div", classes.arrows);
+    wrapper = userArrows || create("div", classes.arrows);
     prev = createArrow(true);
     next = createArrow(false);
     created = true;
     append(wrapper, [prev, next]);
-    !placeholder && before(wrapper, track);
+    !userArrows && before(wrapper, track);
   }
 
   function createArrow(prev2) {
@@ -1855,35 +1832,32 @@ function Arrows(Splide2, Components2, options) {
   }
 
   function update() {
-    if (prev && next) {
-      var index = Splide2.index;
-      var prevIndex = Controller.getPrev();
-      var nextIndex = Controller.getNext();
-      var prevLabel = prevIndex > -1 && index < prevIndex ? i18n.last : i18n.prev;
-      var nextLabel = nextIndex > -1 && index > nextIndex ? i18n.first : i18n.next;
-      prev.disabled = prevIndex < 0;
-      next.disabled = nextIndex < 0;
-      setAttribute(prev, ARIA_LABEL, prevLabel);
-      setAttribute(next, ARIA_LABEL, nextLabel);
-      emit(EVENT_ARROWS_UPDATED, prev, next, prevIndex, nextIndex);
-    }
+    var index = Splide2.index;
+    var prevIndex = Controller.getPrev();
+    var nextIndex = Controller.getNext();
+    var prevLabel = prevIndex > -1 && index < prevIndex ? i18n.last : i18n.prev;
+    var nextLabel = nextIndex > -1 && index > nextIndex ? i18n.first : i18n.next;
+    prev.disabled = prevIndex < 0;
+    next.disabled = nextIndex < 0;
+    setAttribute(prev, ARIA_LABEL, prevLabel);
+    setAttribute(next, ARIA_LABEL, nextLabel);
+    emit(EVENT_ARROWS_UPDATED, prev, next, prevIndex, nextIndex);
   }
 
   return {
     arrows: arrows,
     mount: mount,
-    destroy: destroy,
-    update: update
+    destroy: destroy
   };
 }
 
 var INTERVAL_DATA_ATTRIBUTE = DATA_ATTRIBUTE + "-interval";
 
 function Autoplay(Splide2, Components2, options) {
-  var _EventInterface6 = EventInterface(Splide2),
-      on = _EventInterface6.on,
-      bind = _EventInterface6.bind,
-      emit = _EventInterface6.emit;
+  var _EventInterface7 = EventInterface(Splide2),
+      on = _EventInterface7.on,
+      bind = _EventInterface7.bind,
+      emit = _EventInterface7.emit;
 
   var interval = RequestInterval(options.interval, Splide2.go.bind(Splide2, ">"), onAnimationFrame);
   var isPaused = interval.isPaused;
@@ -1987,8 +1961,8 @@ function Autoplay(Splide2, Components2, options) {
 }
 
 function Cover(Splide2, Components2, options) {
-  var _EventInterface7 = EventInterface(Splide2),
-      on = _EventInterface7.on;
+  var _EventInterface8 = EventInterface(Splide2),
+      on = _EventInterface8.on;
 
   function mount() {
     if (options.cover) {
@@ -2025,9 +1999,9 @@ var BASE_VELOCITY = 1.5;
 var MIN_DURATION = 800;
 
 function Scroll(Splide2, Components2, options) {
-  var _EventInterface8 = EventInterface(Splide2),
-      on = _EventInterface8.on,
-      emit = _EventInterface8.emit;
+  var _EventInterface9 = EventInterface(Splide2),
+      on = _EventInterface9.on,
+      emit = _EventInterface9.emit;
 
   var set = Splide2.state.set;
   var Move = Components2.Move;
@@ -2035,7 +2009,6 @@ function Scroll(Splide2, Components2, options) {
       getLimit = Move.getLimit,
       exceededLimit = Move.exceededLimit,
       translate = Move.translate;
-  var isSlide = Splide2.is(SLIDE);
   var interval;
   var callback;
   var friction = 1;
@@ -2049,7 +2022,7 @@ function Scroll(Splide2, Components2, options) {
     var from = getPosition();
     clear();
 
-    if (snap && (!isSlide || !exceededLimit())) {
+    if (snap) {
       var size = Components2.Layout.sliderSize();
       var offset = sign(destination) * size * floor(abs(destination) / size) || 0;
       destination = Move.toPosition(Components2.Controller.toDest(destination % size)) + offset;
@@ -2077,7 +2050,7 @@ function Scroll(Splide2, Components2, options) {
     var diff = (target - position) * friction;
     translate(position + diff);
 
-    if (isSlide && !noConstrain && exceededLimit()) {
+    if (Splide2.is(SLIDE) && !noConstrain && exceededLimit()) {
       friction *= FRICTION_FACTOR;
 
       if (abs(diff) < BOUNCE_DIFF_THRESHOLD) {
@@ -2118,11 +2091,11 @@ var SCROLL_LISTENER_OPTIONS = {
 };
 
 function Drag(Splide2, Components2, options) {
-  var _EventInterface9 = EventInterface(Splide2),
-      on = _EventInterface9.on,
-      emit = _EventInterface9.emit,
-      bind = _EventInterface9.bind,
-      unbind = _EventInterface9.unbind;
+  var _EventInterface10 = EventInterface(Splide2),
+      on = _EventInterface10.on,
+      emit = _EventInterface10.emit,
+      bind = _EventInterface10.bind,
+      unbind = _EventInterface10.unbind;
 
   var state = Splide2.state;
   var Move = Components2.Move,
@@ -2346,10 +2319,10 @@ function normalizeKey(key) {
 var KEYBOARD_EVENT = "keydown";
 
 function Keyboard(Splide2, Components2, options) {
-  var _EventInterface10 = EventInterface(Splide2),
-      on = _EventInterface10.on,
-      bind = _EventInterface10.bind,
-      unbind = _EventInterface10.unbind;
+  var _EventInterface11 = EventInterface(Splide2),
+      on = _EventInterface11.on,
+      bind = _EventInterface11.bind,
+      unbind = _EventInterface11.unbind;
 
   var root = Splide2.root;
   var resolve = Components2.Direction.resolve;
@@ -2412,37 +2385,26 @@ var SRCSET_DATA_ATTRIBUTE = SRC_DATA_ATTRIBUTE + "-srcset";
 var IMAGE_SELECTOR = "[" + SRC_DATA_ATTRIBUTE + "], [" + SRCSET_DATA_ATTRIBUTE + "]";
 
 function LazyLoad(Splide2, Components2, options) {
-  var _EventInterface11 = EventInterface(Splide2),
-      on = _EventInterface11.on,
-      off = _EventInterface11.off,
-      bind = _EventInterface11.bind,
-      emit = _EventInterface11.emit;
+  var _EventInterface12 = EventInterface(Splide2),
+      on = _EventInterface12.on,
+      off = _EventInterface12.off,
+      bind = _EventInterface12.bind,
+      emit = _EventInterface12.emit;
 
   var isSequential = options.lazyLoad === "sequential";
-  var events = [EVENT_MOVED, EVENT_SCROLLED];
+  var events = [EVENT_MOUNTED, EVENT_REFRESH, EVENT_MOVED, EVENT_SCROLLED];
   var entries = [];
 
   function mount() {
     if (options.lazyLoad) {
       init();
       on(EVENT_REFRESH, init);
+      isSequential || on(events, observe);
     }
   }
 
   function init() {
     empty(entries);
-    register();
-
-    if (isSequential) {
-      loadNext();
-    } else {
-      off(events);
-      on(events, check);
-      check();
-    }
-  }
-
-  function register() {
     Components2.Slides.forEach(function (Slide) {
       queryAll(Slide.slide, IMAGE_SELECTOR).forEach(function (img) {
         var src = getAttribute(img, SRC_DATA_ATTRIBUTE);
@@ -2457,9 +2419,10 @@ function LazyLoad(Splide2, Components2, options) {
         }
       });
     });
+    isSequential && loadNext();
   }
 
-  function check() {
+  function observe() {
     entries = entries.filter(function (data) {
       var distance = options.perPage * ((options.preloadPages || 1) + 1) - 1;
       return data[1].isWithin(Splide2.index, distance) ? load(data) : true;
@@ -2498,8 +2461,7 @@ function LazyLoad(Splide2, Components2, options) {
 
   return {
     mount: mount,
-    destroy: apply(empty, entries),
-    check: check
+    destroy: apply(empty, entries)
   };
 }
 
@@ -2515,18 +2477,15 @@ function Pagination(Splide2, Components2, options) {
       getIndex = Controller.getIndex,
       go = Controller.go;
   var resolve = Components2.Direction.resolve;
-  var placeholder = Elements.pagination;
   var items = [];
   var list;
   var paginationClasses;
 
   function mount() {
     destroy();
-    on([EVENT_UPDATED, EVENT_REFRESH, EVENT_END_INDEX_CHANGED], mount);
-    var enabled = options.pagination;
-    placeholder && display(placeholder, enabled ? "" : "none");
+    on([EVENT_UPDATED, EVENT_REFRESH], mount);
 
-    if (enabled) {
+    if (options.pagination && Slides.isEnough()) {
       on([EVENT_MOVE, EVENT_SCROLL, EVENT_SCROLLED], update);
       createPagination();
       update();
@@ -2539,7 +2498,7 @@ function Pagination(Splide2, Components2, options) {
 
   function destroy() {
     if (list) {
-      remove(placeholder ? slice(list.children) : list);
+      remove(Elements.pagination ? slice(list.children) : list);
       removeClass(list, paginationClasses);
       empty(items);
       list = null;
@@ -2553,8 +2512,8 @@ function Pagination(Splide2, Components2, options) {
     var classes = options.classes,
         i18n = options.i18n,
         perPage = options.perPage;
-    var max = hasFocus() ? Controller.getEnd() + 1 : ceil(length / perPage);
-    list = placeholder || create("ul", classes.pagination, Elements.track.parentElement);
+    var max = hasFocus() ? length : ceil(length / perPage);
+    list = Elements.pagination || create("ul", classes.pagination, Elements.track.parentElement);
     addClass(list, paginationClasses = CLASS_PAGINATION + "--" + getDirection());
     setAttribute(list, ROLE, "tablist");
     setAttribute(list, ARIA_LABEL, i18n.select);
@@ -2666,6 +2625,12 @@ function Sync(Splide2, Components2, options) {
       slideFocus = options.slideFocus;
   var events = [];
 
+  function setup() {
+    Splide2.options = {
+      slideFocus: isUndefined(slideFocus) ? isNavigation : slideFocus
+    };
+  }
+
   function mount() {
     Splide2.splides.forEach(function (target) {
       if (!target.isParent) {
@@ -2725,9 +2690,7 @@ function Sync(Splide2, Components2, options) {
   }
 
   return {
-    setup: apply(Components2.Media.set, {
-      slideFocus: isUndefined(slideFocus) ? isNavigation : slideFocus
-    }, true),
+    setup: setup,
     mount: mount,
     destroy: destroy,
     remount: remount
@@ -2735,8 +2698,8 @@ function Sync(Splide2, Components2, options) {
 }
 
 function Wheel(Splide2, Components2, options) {
-  var _EventInterface12 = EventInterface(Splide2),
-      bind = _EventInterface12.bind;
+  var _EventInterface13 = EventInterface(Splide2),
+      bind = _EventInterface13.bind;
 
   var lastTime = 0;
 
@@ -2777,8 +2740,8 @@ function Wheel(Splide2, Components2, options) {
 var SR_REMOVAL_DELAY = 90;
 
 function Live(Splide2, Components2, options) {
-  var _EventInterface13 = EventInterface(Splide2),
-      on = _EventInterface13.on;
+  var _EventInterface14 = EventInterface(Splide2),
+      on = _EventInterface14.on;
 
   var track = Components2.Elements.track;
   var enabled = options.live && !options.isNavigation;
@@ -2804,7 +2767,6 @@ function Live(Splide2, Components2, options) {
       interval.start();
     } else {
       remove(sr);
-      interval.cancel();
     }
   }
 
@@ -2891,21 +2853,24 @@ var DEFAULTS = {
 };
 
 function Fade(Splide2, Components2, options) {
-  var Slides = Components2.Slides;
+  var _EventInterface15 = EventInterface(Splide2),
+      on = _EventInterface15.on;
 
   function mount() {
-    EventInterface(Splide2).on([EVENT_MOUNTED, EVENT_REFRESH], init);
-  }
-
-  function init() {
-    Slides.forEach(function (Slide) {
-      Slide.style("transform", "translateX(-" + 100 * Slide.index + "%)");
+    on([EVENT_MOUNTED, EVENT_REFRESH], function () {
+      nextTick(function () {
+        Components2.Slides.style("transition", "opacity " + options.speed + "ms " + options.easing);
+      });
     });
   }
 
   function start(index, done) {
-    Slides.style("transition", "opacity " + options.speed + "ms " + options.easing);
-    nextTick(done);
+    var track = Components2.Elements.track;
+    style(track, "height", unit(rect(track).height));
+    nextTick(function () {
+      done();
+      style(track, "height", "");
+    });
   }
 
   return {
@@ -2916,6 +2881,9 @@ function Fade(Splide2, Components2, options) {
 }
 
 function Slide(Splide2, Components2, options) {
+  var _EventInterface16 = EventInterface(Splide2),
+      bind = _EventInterface16.bind;
+
   var Move = Components2.Move,
       Controller = Components2.Controller,
       Scroll = Components2.Scroll;
@@ -2924,7 +2892,7 @@ function Slide(Splide2, Components2, options) {
   var endCallback;
 
   function mount() {
-    EventInterface(Splide2).bind(list, "transitionend", function (e) {
+    bind(list, "transitionend", function (e) {
       if (e.target === list && endCallback) {
         cancel();
         endCallback();
@@ -3125,7 +3093,7 @@ var _Splide = /*#__PURE__*/function () {
       return this._o;
     },
     set: function set(options) {
-      this._C.Media.set(options, true, true);
+      this._C.Media.set(options, true);
     }
   }, {
     key: "length",
@@ -3147,5 +3115,5 @@ Splide.defaults = {};
 Splide.STATES = STATES;
 
 export default Splide;
-export { CLASSES, CLASS_ACTIVE, CLASS_ARROW, CLASS_ARROWS, CLASS_ARROW_NEXT, CLASS_ARROW_PREV, CLASS_CLONE, CLASS_CONTAINER, CLASS_FOCUS_IN, CLASS_INITIALIZED, CLASS_LIST, CLASS_LOADING, CLASS_NEXT, CLASS_OVERFLOW, CLASS_PAGINATION, CLASS_PAGINATION_PAGE, CLASS_PREV, CLASS_PROGRESS, CLASS_PROGRESS_BAR, CLASS_ROOT, CLASS_SLIDE, CLASS_SPINNER, CLASS_SR, CLASS_TOGGLE, CLASS_TRACK, CLASS_VISIBLE, DEFAULTS, 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_END_INDEX_CHANGED, EVENT_HIDDEN, EVENT_INACTIVE, EVENT_LAZYLOAD_LOADED, EVENT_MOUNTED, EVENT_MOVE, EVENT_MOVED, EVENT_NAVIGATION_MOUNTED, EVENT_OVERFLOW, EVENT_PAGINATION_MOUNTED, EVENT_PAGINATION_UPDATED, EVENT_READY, EVENT_REFRESH, EVENT_RESIZE, EVENT_RESIZED, EVENT_SCROLL, EVENT_SCROLLED, EVENT_SHIFTED, EVENT_SLIDE_KEYDOWN, EVENT_UPDATED, EVENT_VISIBLE, EventBinder, EventInterface, FADE, LOOP, RTL, RequestInterval, SLIDE, STATUS_CLASSES, Splide, State, TTB, Throttle };
+export { CLASSES, CLASS_ACTIVE, CLASS_ARROW, CLASS_ARROWS, CLASS_ARROW_NEXT, CLASS_ARROW_PREV, CLASS_CLONE, CLASS_CONTAINER, CLASS_FOCUS_IN, 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_TRACK, CLASS_VISIBLE, DEFAULTS, 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_RESIZE, EVENT_RESIZED, EVENT_SCROLL, EVENT_SCROLLED, EVENT_SHIFTED, EVENT_SLIDE_KEYDOWN, EVENT_UPDATED, EVENT_VISIBLE, EventBinder, EventInterface, FADE, LOOP, RTL, RequestInterval, SLIDE, STATUS_CLASSES, Splide, State, TTB, Throttle };
 //# sourceMappingURL=splide.esm.js.map