embla-carousel - npm Package Compare versions

Comparing version 2.1.14 to 2.2.0

lib/components/eventDispatcher.d.ts

 export declare type Callback = () => void;
-export declare type Event = 'init' | 'select' | 'dragStart' | 'dragEnd' | 'destroy' | 'resize';
+export declare type Event = 'init' | 'click' | 'select' | 'dragStart' | 'dragEnd' | 'destroy' | 'resize';
 export declare type EventDispatcher = {
@@ -4,0 +4,0 @@ dispatch: (evt: Event) => EventDispatcher;

lib/index.js

@@ -1213,3 +1213,3 @@ (function webpackUniversalModuleDefinition(root, factory) {
   function click(evt) {
-    if (state.preventClick) evt.preventDefault();
+    if (state.preventClick) evt.preventDefault();else events.dispatch('click');
   }
@@ -1968,2 +1968,3 @@
   var subscribers = {
+    click: [],
     destroy: [],
@@ -1970,0 +1971,0 @@ dragEnd: [],

package.json

 {
   "name": "embla-carousel",
-  "version": "2.1.14",
+  "version": "2.2.0",
   "author": "David Cetinkaya",
@@ -5,0 +5,0 @@ "private": false,

README.md

@@ -99,9 +99,8 @@ <br />
   display: flex;
-  will-change: transform;
 }
 
 .embla__slide {
-  position: relative;
   flex: 0 0 auto;
-  width: 100%;
+  position: relative; /* Necessary if loop: true */
+  width: 100%; /* Can be any width */
 }
@@ -356,2 +355,3 @@ ```
 - **`select`** - When a new target slide has been selected.
+- **`click`** - When carousel is actually clicked and not dragged.
 - **`resize`** - When window size changes.
@@ -358,0 +358,0 @@ - **`dragStart`** - When carousel dragging begins.

No alert changes

Improved metrics

Total package byte prevSize

76913

increased by0.19%

Lines of code

2027

increased by0.05%

No dependency changes