@beyonk/svelte-carousel
Advanced tools
Comparing version 2.2.0 to 2.3.0
@@ -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 @@ } |
@@ -6,3 +6,3 @@ { | ||
"main": "dist/index.js", | ||
"version": "2.2.0", | ||
"version": "2.3.0", | ||
"scripts": { | ||
@@ -9,0 +9,0 @@ "build": "rollup -c", |
@@ -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: |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
74815
1252
119