Add `Slides#update()`.

dist/js/splide-renderer.min.js

@@ -1,6 +1,6 @@
 /*!
  * Splide.js
- * Version  : 3.5.1
+ * Version  : 3.5.2
  * License  : MIT
  * Copyright: 2021 Naotoshi Fujita
  */

dist/js/splide.cjs.js

@@ -1,6 +1,6 @@
 /*!
  * Splide.js
- * Version  : 3.5.1
+ * Version  : 3.5.2
  * License  : MIT
  * Copyright: 2021 Naotoshi Fujita
  */
@@ -885,6 +885,7 @@ function Slide$1(Splide2, index, slideIndex, slide) {
     isClone,
     mount,
     destroy,
+    update,
     style: style$1,
     isWithin
   };
@@ -916,6 +917,11 @@ function Slides(Splide2, Components2, options) {
     destroy();
     init();
   }
+  function update() {
+    forEach$1((Slide2) => {
+      Slide2.update();
+    });
+  }
   function register(slide, index, slideIndex) {
     const object = Slide$1(Splide2, index, slideIndex, slide);
     object.mount();
@@ -986,6 +992,7 @@ function Slides(Splide2, Components2, options) {
   return {
     mount,
     destroy,
+    update,
     register,
     get,
     getIn,

dist/js/splide.esm.js

@@ -1,6 +1,6 @@
 /*!
  * Splide.js
- * Version  : 3.5.1
+ * Version  : 3.5.2
  * License  : MIT
  * Copyright: 2021 Naotoshi Fujita
  */
@@ -881,6 +881,7 @@ function Slide$1(Splide2, index, slideIndex, slide) {
     isClone,
     mount,
     destroy,
+    update,
     style: style$1,
     isWithin
   };
@@ -912,6 +913,11 @@ function Slides(Splide2, Components2, options) {
     destroy();
     init();
   }
+  function update() {
+    forEach$1((Slide2) => {
+      Slide2.update();
+    });
+  }
   function register(slide, index, slideIndex) {
     const object = Slide$1(Splide2, index, slideIndex, slide);
     object.mount();
@@ -982,6 +988,7 @@ function Slides(Splide2, Components2, options) {
   return {
     mount,
     destroy,
+    update,
     register,
     get,
     getIn,

dist/js/splide.js

@@ -4,7 +4,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 
 /*!
  * Splide.js
- * Version  : 3.5.1
+ * Version  : 3.5.2
  * License  : MIT
  * Copyright: 2021 Naotoshi Fujita
  */
@@ -1009,6 +1009,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
       isClone: isClone,
       mount: mount,
       destroy: destroy,
+      update: update,
       style: style$1,
       isWithin: isWithin
     };
@@ -1053,6 +1054,12 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
       init();
     }
 
+    function update() {
+      forEach$1(function (Slide2) {
+        Slide2.update();
+      });
+    }
+
     function register(slide, index, slideIndex) {
       var object = Slide$1(Splide2, index, slideIndex, slide);
       object.mount();
@@ -1145,6 +1152,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
     return {
       mount: mount,
       destroy: destroy,
+      update: update,
       register: register,
       get: get,
       getIn: getIn,

dist/types/components/Slides/Slide.d.ts

@@ -11,6 +11,7 @@ export interface SlideComponent extends BaseComponent {
     slide: HTMLElement;
     container: HTMLElement;
     isClone: boolean;
+    update(): void;
     style(prop: string, value: string | number, useContainer?: boolean): void;
     isWithin(from: number, distance: number): boolean;
 }

dist/types/components/Slides/Slide.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Slide.d.ts","sourceRoot":"","sources":["Slide.ts"],"names":[],"mappings":"AAgCA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAqB5C;;;;GAIG;AACH,MAAM,WAAY,cAAe,SAAQ,aAAa;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,WAAW,CAAC;IACnB,SAAS,EAAE,WAAW,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,YAAY,CAAC,EAAE,OAAO,GAAI,IAAI,CAAA;IAC3E,QAAQ,CAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAI,OAAO,CAAC;CACrD;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,KAAK,CAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,GAAI,cAAc,CAwM7G"}
+{"version":3,"file":"Slide.d.ts","sourceRoot":"","sources":["Slide.ts"],"names":[],"mappings":"AAgCA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAqB5C;;;;GAIG;AACH,MAAM,WAAY,cAAe,SAAQ,aAAa;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,WAAW,CAAC;IACnB,SAAS,EAAE,WAAW,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,IAAI,IAAI,CAAC;IACf,KAAK,CAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,YAAY,CAAC,EAAE,OAAO,GAAI,IAAI,CAAA;IAC3E,QAAQ,CAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAI,OAAO,CAAC;CACrD;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,KAAK,CAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,GAAI,cAAc,CAyM7G"}

dist/types/components/Slides/Slides.d.ts

@@ -7,6 +7,7 @@ import { SlideComponent } from './Slide';
  * @since 3.0.0
  */
 export interface SlidesComponent extends BaseComponent {
+    update(): void;
     register(slide: HTMLElement, index: number, slideIndex: number): void;
     get(excludeClones?: boolean): SlideComponent[];
     getIn(page: number): SlideComponent[];

dist/types/components/Slides/Slides.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Slides.d.ts","sourceRoot":"","sources":["Slides.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAe,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAkB9E,OAAO,EAAS,cAAc,EAAE,MAAM,SAAS,CAAC;AAGhD;;;;GAIG;AACH,MAAM,WAAY,eAAgB,SAAQ,aAAa;IACrD,QAAQ,CAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAI,IAAI,CAAC;IACxE,GAAG,CAAE,aAAa,CAAC,EAAE,OAAO,GAAI,cAAc,EAAE,CAAC;IACjD,KAAK,CAAE,IAAI,EAAE,MAAM,GAAI,cAAc,EAAE,CAAC;IACxC,KAAK,CAAE,KAAK,EAAE,MAAM,GAAI,cAAc,GAAG,SAAS,CAAC;IACnD,GAAG,CAAE,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC,MAAM,GAAG,OAAO,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,GAAI,IAAI,CAAC;IAC/E,MAAM,CAAE,QAAQ,EAAE,YAAY,GAAI,IAAI,CAAC;IACvC,OAAO,CAAE,QAAQ,EAAE,cAAc,EAAE,aAAa,CAAC,EAAE,OAAO,GAAI,IAAI,CAAC;IACnE,MAAM,CAAE,OAAO,EAAE,YAAY,GAAI,cAAc,EAAE,CAAC;IAClD,KAAK,CAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,YAAY,CAAC,EAAE,OAAO,GAAI,IAAI,CAAA;IAC3E,SAAS,CAAE,aAAa,CAAC,EAAE,OAAO,GAAI,MAAM,CAAC;IAC7C,QAAQ,IAAI,OAAO,CAAC;CACrB;AAED;;;;GAIG;AACH,oBAAY,cAAc,GAAG,CAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,KAAM,IAAI,CAAA;AAEvG;;;;GAIG;AACH,oBAAY,eAAe,GAAG,CAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,KAAM,GAAG,CAAA;AAEvG;;;;GAIG;AACH,oBAAY,YAAY,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM,GAAG,eAAe,CAAC;AAExE;;;;;;;;;;GAUG;AACH,wBAAgB,MAAM,CAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,GAAI,eAAe,CA8NlG"}
+{"version":3,"file":"Slides.d.ts","sourceRoot":"","sources":["Slides.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAe,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAkB9E,OAAO,EAAS,cAAc,EAAE,MAAM,SAAS,CAAC;AAGhD;;;;GAIG;AACH,MAAM,WAAY,eAAgB,SAAQ,aAAa;IACrD,MAAM,IAAI,IAAI,CAAC;IACf,QAAQ,CAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAI,IAAI,CAAC;IACxE,GAAG,CAAE,aAAa,CAAC,EAAE,OAAO,GAAI,cAAc,EAAE,CAAC;IACjD,KAAK,CAAE,IAAI,EAAE,MAAM,GAAI,cAAc,EAAE,CAAC;IACxC,KAAK,CAAE,KAAK,EAAE,MAAM,GAAI,cAAc,GAAG,SAAS,CAAC;IACnD,GAAG,CAAE,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC,MAAM,GAAG,OAAO,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,GAAI,IAAI,CAAC;IAC/E,MAAM,CAAE,QAAQ,EAAE,YAAY,GAAI,IAAI,CAAC;IACvC,OAAO,CAAE,QAAQ,EAAE,cAAc,EAAE,aAAa,CAAC,EAAE,OAAO,GAAI,IAAI,CAAC;IACnE,MAAM,CAAE,OAAO,EAAE,YAAY,GAAI,cAAc,EAAE,CAAC;IAClD,KAAK,CAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,YAAY,CAAC,EAAE,OAAO,GAAI,IAAI,CAAA;IAC3E,SAAS,CAAE,aAAa,CAAC,EAAE,OAAO,GAAI,MAAM,CAAC;IAC7C,QAAQ,IAAI,OAAO,CAAC;CACrB;AAED;;;;GAIG;AACH,oBAAY,cAAc,GAAG,CAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,KAAM,IAAI,CAAA;AAEvG;;;;GAIG;AACH,oBAAY,eAAe,GAAG,CAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,KAAM,GAAG,CAAA;AAEvG;;;;GAIG;AACH,oBAAY,YAAY,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM,GAAG,eAAe,CAAC;AAExE;;;;;;;;;;GAUG;AACH,wBAAgB,MAAM,CAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,GAAI,eAAe,CAsOlG"}

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@splidejs/splide",
-  "version": "3.5.1",
+  "version": "3.5.2",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@splidejs/splide",
-  "version": "3.5.1",
+  "version": "3.5.2",
   "description": "Splide is a lightweight, flexible and accessible slider/carousel. No dependencies, no Lighthouse errors.",
   "author": "Naotoshi Fujita",
   "license": "MIT",

src/js/components/Slides/Slide.ts

@@ -63,6 +63,7 @@ export interface  SlideComponent extends BaseComponent {
   slide: HTMLElement;
   container: HTMLElement;
   isClone: boolean;
+  update(): void;
   style( prop: string, value: string | number, useContainer?: boolean ): void
   isWithin( from: number, distance: number ): boolean;
 }
@@ -276,6 +277,7 @@ export function Slide( Splide: Splide, index: number, slideIndex: number, slide:
     isClone,
     mount,
     destroy,
+    update,
     style,
     isWithin,
   };

src/js/components/Slides/Slides.ts

@@ -28,6 +28,7 @@ import { Slide, SlideComponent } from './Slide';
  * @since 3.0.0
  */
 export interface  SlidesComponent extends BaseComponent {
+  update(): void;
   register( slide: HTMLElement, index: number, slideIndex: number ): void;
   get( excludeClones?: boolean ): SlideComponent[];
   getIn( page: number ): SlideComponent[];
@@ -116,6 +117,13 @@ export function Slides( Splide: Splide, Components: Components, options: Options
     init();
   }
 
+  /**
+   * Manually updates the status of all slides.
+   */
+  function update(): void {
+    forEach( Slide => { Slide.update() } );
+  }
+
   /**
    * Registers a slide element and creates a Slide object.
    *
@@ -283,6 +291,7 @@ export function Slides( Splide: Splide, Components: Components, options: Options
   return {
     mount,
     destroy,
+    update,
     register,
     get,
     getIn,

src/js/test/php/examples/default.php

@@ -20,7 +20,7 @@ $settings = get_settings();
     document.addEventListener( 'DOMContentLoaded', function () {
       var splide = new Splide( '#splide01', {
         type   : 'loop',
-        perPage: 5,
+        perPage: 3,
         // perMove: 2,
         rewind: true,
         // padding: {