Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@beyonk/svelte-carousel

Package Overview
Dependencies
Maintainers
2
Versions
23
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@beyonk/svelte-carousel - npm Package Compare versions

Comparing version 2.2.0 to 2.3.0

27

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 @@ }

2

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",

@@ -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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc