@@ -1,6 +1,6 @@
/*!
* Splide.js
- * Version : 3.6.12
+ * Version : 3.6.13
* License : MIT
* Copyright: 2022 Naotoshi Fujita
*/
@@ -1492,9 +1492,8 @@ function Arrows(Splide2, Components2, options) {
arrows.next = next;
listen();
emit(EVENT_ARROWS_MOUNTED, prev, next);
- } else {
- display(wrapper, options.arrows === false ? "none" : "");
}
+ display(wrapper, options.arrows === false ? "none" : "");
function destroy() {
@@ -1488,9 +1488,8 @@ function Arrows(Splide2, Components2, options) {
@@ -4,7 +4,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
@@ -1781,9 +1781,9 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
+
@@ -1,12 +1,12 @@
{
"name": "@splidejs/splide",
- "version": "3.6.12",
+ "version": "3.6.13",
"lockfileVersion": 2,
"requires": true,
"packages": {
"": {
"license": "MIT",
"devDependencies": {
"@babel/core": "^7.16.10",
"description": "Splide is a lightweight, flexible and accessible slider/carousel. No dependencies, no Lighthouse errors.",
"author": "Naotoshi Fujita",
@@ -96,9 +96,9 @@ export function Arrows( Splide: Splide, Components: Components, options: Options
emit( EVENT_ARROWS_MOUNTED, prev, next );
- display( wrapper, options.arrows === false ? 'none' : '' );
+ display( wrapper, options.arrows === false ? 'none' : '' );
@@ -21,7 +21,7 @@ $settings = get_settings();
var splide = new Splide( '#splide01', {
perPage : 3,
arrows : false,
- mediaQuery : 'min',
+ mediaQuery : 'max',
breakpoints: {
1200: {
perPage: 1,
@@ -47,7 +47,22 @@ $settings = get_settings();
</head>
<body>
-<?php render(); ?>
+<div id="splide01" class="splide">
+ <div class="splide__track">
+ <div class="splide__list">
+ <?php render_slides(); ?>
+ </div>
+ <div class="splide__arrows">
+ <div class="splide__arrow splide__arrow--prev">
+ ←
+ <div class="splide__arrow splide__arrow--next">
+ →
+</div>
</body>
</html>