Emit "click" event when a slide is clicked.

dist/js/splide.esm.js

@@ -1,6 +1,6 @@
 /*!
  * Splide.js
- * Version  : 2.3.2
+ * Version  : 2.3.3
  * License  : MIT
  * Copyright: 2020 Naotoshi Fujita
  */
@@ -1994,7 +1994,9 @@ var STYLE_RESTORE_EVENTS = 'update.slide';
 
       Splide.on(STATUS_UPDATE_EVENTS, function () {
         return _this.update();
-      }).on(STYLE_RESTORE_EVENTS, restoreStyles);
+      }).on(STYLE_RESTORE_EVENTS, restoreStyles).on('click', function () {
+        return Splide.emit('click', _this);
+      }, slide);
       /*
        * Add "is-active" class to a clone element temporarily
        * and it will be removed on "moved" event.
@@ -2020,7 +2022,7 @@ var STYLE_RESTORE_EVENTS = 'update.slide';
      * Destroy.
      */
     destroy: function destroy() {
-      Splide.off(STATUS_UPDATE_EVENTS).off(STYLE_RESTORE_EVENTS);
+      Splide.off(STATUS_UPDATE_EVENTS).off(STYLE_RESTORE_EVENTS).off('click', slide);
       removeClass(slide, values(STATUS_CLASSES));
       restoreStyles();
     },

dist/js/splide.js

@@ -1,6 +1,6 @@
 /*!
  * Splide.js
- * Version  : 2.3.2
+ * Version  : 2.3.3
  * License  : MIT
  * Copyright: 2020 Naotoshi Fujita
  */
@@ -1984,7 +1984,9 @@ var STYLE_RESTORE_EVENTS = 'update.slide';
 
       Splide.on(STATUS_UPDATE_EVENTS, function () {
         return _this.update();
-      }).on(STYLE_RESTORE_EVENTS, restoreStyles);
+      }).on(STYLE_RESTORE_EVENTS, restoreStyles).on('click', function () {
+        return Splide.emit('click', _this);
+      }, slide);
       /*
        * Add "is-active" class to a clone element temporarily
        * and it will be removed on "moved" event.
@@ -2010,7 +2012,7 @@ var STYLE_RESTORE_EVENTS = 'update.slide';
      * Destroy.
      */
     destroy: function destroy() {
-      Splide.off(STATUS_UPDATE_EVENTS).off(STYLE_RESTORE_EVENTS);
+      Splide.off(STATUS_UPDATE_EVENTS).off(STYLE_RESTORE_EVENTS).off('click', slide);
       removeClass(slide, values(STATUS_CLASSES));
       restoreStyles();
     },

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@splidejs/splide",
-  "version": "2.3.2",
+  "version": "2.3.3",
   "description": "Splide is a lightweight and powerful slider without any dependencies.",
   "author": "Naotoshi Fujita",
   "license": "MIT",
@@ -23,10 +23,10 @@
     "url": "https://github.com/Splidejs/splide/issues"
   },
   "devDependencies": {
-    "@babel/core": "^7.9.0",
-    "@babel/preset-env": "^7.9.5",
-    "autoprefixer": "^9.7.6",
-    "babel-jest": "^25.3.0",
+    "@babel/core": "^7.10.1",
+    "@babel/preset-env": "^7.10.1",
+    "autoprefixer": "^9.8.0",
+    "babel-jest": "^26.0.1",
     "babel-loader": "^8.1.0",
     "cssnano": "^4.1.10",
     "gulp": "^4.0.2",
@@ -36,14 +36,14 @@
     "gulp-postcss": "^8.0.0",
     "gulp-rename": "^2.0.0",
     "gulp-rollup": "^2.17.0",
-    "gulp-sass": "^4.0.2",
+    "gulp-sass": "^4.1.0",
     "gulp-sass-glob": "^1.1.0",
     "gulp-uglify": "^3.0.2",
     "jest": "^25.3.0",
     "merge-stream": "^2.0.0",
-    "serialize-javascript": "^3.0.0",
+    "serialize-javascript": "^3.1.0",
     "uglifyjs-webpack-plugin": "^2.2.0",
-    "webpack": "^4.42.1",
+    "webpack": "^4.43.0",
     "webpack-stream": "^5.2.1"
   },
   "scripts": {

src/js/components/elements/slide.js

@@ -98,7 +98,8 @@ export default ( Splide, index, realIndex, slide ) => {
 
 			Splide
 				.on( STATUS_UPDATE_EVENTS, () => this.update() )
-				.on( STYLE_RESTORE_EVENTS, restoreStyles );
+				.on( STYLE_RESTORE_EVENTS, restoreStyles )
+				.on( 'click', () => Splide.emit( 'click', this ), slide );
 
 			/*
 			 * Add "is-active" class to a clone element temporarily
@@ -123,7 +124,7 @@ export default ( Splide, index, realIndex, slide ) => {
 		 * Destroy.
 		 */
 		destroy() {
-			Splide.off( STATUS_UPDATE_EVENTS ).off( STYLE_RESTORE_EVENTS );
+			Splide.off( STATUS_UPDATE_EVENTS ).off( STYLE_RESTORE_EVENTS ).off( 'click', slide );
 			removeClass( slide, values( STATUS_CLASSES ) );
 			restoreStyles();
 		},