@beyonk/svelte-carousel - npm Package Compare versions

Comparing version 2.2.0 to 2.3.0

dist/index.js

@@ -550,4 +550,4 @@ (function (global, factory) {
     	
-    	let { perPage = 3, loop = true, autoplay = 0 } = $$props;
-
+    	let { perPage = 3, loop = true, autoplay = 0, duration = 200, easing = 'ease-out', startIndex = 0, draggable = true, multipleDrag = true, threshold = 20, rtl = false } = $$props;
+    	
     	let siema;
@@ -564,2 +564,9 @@ let controller;
     			loop,
+      			duration,
+      			easing,
+      			startIndex,
+      			draggable,
+     			multipleDrag,
+      			threshold,
+      			rtl,
     			onChange: handleChange
@@ -610,2 +617,9 @@ }));
     		if ('autoplay' in $$props) $$invalidate('autoplay', autoplay = $$props.autoplay);
+    		if ('duration' in $$props) $$invalidate('duration', duration = $$props.duration);
+    		if ('easing' in $$props) $$invalidate('easing', easing = $$props.easing);
+    		if ('startIndex' in $$props) $$invalidate('startIndex', startIndex = $$props.startIndex);
+    		if ('draggable' in $$props) $$invalidate('draggable', draggable = $$props.draggable);
+    		if ('multipleDrag' in $$props) $$invalidate('multipleDrag', multipleDrag = $$props.multipleDrag);
+    		if ('threshold' in $$props) $$invalidate('threshold', threshold = $$props.threshold);
+    		if ('rtl' in $$props) $$invalidate('rtl', rtl = $$props.rtl);
     		if ('$$scope' in $$props) $$invalidate('$$scope', $$scope = $$props.$$scope);
@@ -624,2 +638,9 @@ };
     		autoplay,
+    		duration,
+    		easing,
+    		startIndex,
+    		draggable,
+    		multipleDrag,
+    		threshold,
+    		rtl,
     		siema,
@@ -641,3 +662,3 @@ left,
     		if (!document.getElementById("svelte-6pleld-style")) add_css();
-    		init(this, options, instance, create_fragment, safe_not_equal, ["perPage", "loop", "autoplay"]);
+    		init(this, options, instance, create_fragment, safe_not_equal, ["perPage", "loop", "autoplay", "duration", "easing", "startIndex", "draggable", "multipleDrag", "threshold", "rtl"]);
     	}
@@ -644,0 +665,0 @@ }

package.json

@@ -6,3 +6,3 @@ {
   "main": "dist/index.js",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "scripts": {
@@ -9,0 +9,0 @@ "build": "rollup -c",

README.md

@@ -96,2 +96,10 @@ <p align="center">
 | autoplay  | integer | 0             | Auto-change slide at an interval (in milliseconds). 0 means don't autoplay.                                                  |
+| duration  | number  | 200           | Slide transition duration in milliseconds.                                                				    |
+| easing    | string  | 'ease-out'    | It is like a CSS transition-timing-function — describes acceleration curve.                                                  |
+| startIndex | number | 0	      | Index (zero-based) of the starting slide.                                                 				     |
+| draggable | boolean | true	      | Use dragging and touch swiping.                                                 				       |
+| multipleDrag | boolean | true	      | Allow dragging to move multiple slides.                                                 				     |
+| threshold | number | 20	      | Touch and mouse dragging threshold (in px).                                                 				     |
+| loop | boolean | false	      | Loop the slides around.                                                 				  	       |
+| rtl | boolean | false	      | Enables layout for languages written from right to left (like Hebrew or Arabic).                                                |
 
@@ -98,0 +106,0 @@ perPage can also be set to a responsive object, to change the number of slides based on screen width:

No alert changes

Improved metrics

Total package byte prevSize

74815

increased by4.91%

Lines of code

1252

increased by3.47%

Number of lines in readme file

119

increased by7.21%

No dependency changes